HTML简介

HTML是Hypertext Markup Language的英文缩写，即超文本标记语言

使用 HTML 语言可以： 控制页面和内容的外观 插入的链接检索联机信息 创建表单，收集用户的信息等等 插入动画 gif 开发帮助文件 .html <html>

标记语言：一种将文本以及与文本相关的信息结合起来，用特殊的标记进行标识来展现出文档的结构及其数据细节处理的文字编码。

HTML文档结构

<!DOCTYPE html>
<html>

<head>
        <title>MyHtml.html</title>
        <!--

META标记：1. 提供关于网页的信息2. 设置网页在缓存中的过期时间3. 禁用缓存

4. 自动刷新页面5. 说明网页所使用的编码字符集6. 说明网页所使用的语言

-->
         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
         <meta http-equiv="description" content="this is my page">
         <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<!--HEAD的相关说明：<HEAD>标记中可以说明文档的一些公共属性(元数据)，可以向浏览器发出指令-->

</head>

<body>

<!--<BODY>标记的一些属性:

alink：当前激活的超链接的文字颜色，默认为红色                              link：超链接的文字颜色，默认为蓝色

vlink：浏览过的超链接颜色，默认为栗色                                          text：网页内文字的颜色，默认为黑色

bgcolor：网页的背景颜色                                                              background：网页的背景图片-->

This is my HTML page. <br>
     </body>
</html>

HTML标记的通用属性：id  class   style  title

特殊字符和注释：&gt;   >            &lt;     <          &nbsp;   空格    &quot;内容&quot;    双引号          &amp;   &与符号

@copy;      ©版权符                   @reg;   ® 注册商标                          <!--注释-->

HTML标记的基本属性：align对齐属性（left,center,right）

常用标记：font(size、 face、 color等);color

图像：<IMG SRC="URL">

图像注意：1.Aling: top | bottom | middle | left | right（IMG标记的ALIGN属性可以用于调整图像相对于周围文本的对齐方式。）

2.文件路径：

I.绝对路径 完整的主机名、路径和文件名称

II.相对路径

相对于当前文件的路径 当前文件和目标文件位于同一路径，直接书写

当前文件和目标文件所在的文件夹平行，则路径格式为 文件夹/目标文件名

当前文件所在目录和目标文件的目录平行，则用 ../目标文件全称

字符级标记：

列表：

无序列表：UL>和<LI>可设置TYPE属性：disc | circle | square

有序列表：<OL>和<LI>可设置TYPE属性：1 | A | a | I | i

<a> 超链接： <a href="" target=""></a>

href属性的值代表目的地，用来指定访问者点击链接时会发生什么

TARGET:要链接到的窗口名称。

有如下几种选择： _blank 在新窗口中打开链接 _parent 在父窗口中打开链接 _self 在本窗口中打开链接 _top 在项层窗口中打开链接 自定义                                             名称在指定的窗口中打开链接

内部链接

外部链接

（练习：1.链接到其它文档2.链接到同一文档的各个部分3.链接到另一文档中某个特定位置（练习代码见文档尾部））

在HTML中插入：

插入GIF动画

插入声音

插入视频

<EMBED>(音频或视频)

HTML简介及基本标记的更多相关文章

  1. XML简介——可扩展标记语言（Extensible Markup Language）

    (What) XML是什么? XML指可扩展标记语言(Extensible Markup Language) 1.  XML是一种标记语言,类似HTML. 2.  XML具有自我描述性 3.  XML ...

  2. 1.前端笔记之html

    title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://w ...

  3. PF防火墙

    PF防火墙 点击认领       PF防火墙 ( 全称:Packet Filter ) 是 UNIX LIKE 系统上进行 TCP/IP 流量过滤和网络地址转换的软件系统.PF 同样也能提供 TCP/ ...

  4. 传智博客(JavaWeb方面的所有知识)听课记录(经典)

    一.       JavaWeb基础 第一天: 1．Eclipse详解: (1).Bad versionnumber in .class file:编译器版本和运行(JRE)版本不符合.高的JRE版本 ...

  5. 网页制作之html基础学习1-简介

    学习网页制作主要分为三大块 1.HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页 2.CSS      网页美化:是HTML控制的样式 ...

  6. 尚学堂Java面试题整理

    博客分类: 经典分享   1. super()与this()的差别? - 6 -  2. 作用域public,protected,private,以及不写时的差别? - 6 -  3. 编程输出例如以 ...

  7. xml概述（1）

    本节要点: 标记语言的定义 XML简介 XML与HTML 比较 XML与数据库比较 XML的特点 XML结构 1 标记语言的定义 "XML.SGML.HTML"中的"ML ...

  8. [数据预处理]-中心化 缩放 KNN（一）

    据预处理是总称,涵盖了数据分析师使用它将数据转处理成想要的数据的一系列操作.例如,对某个网站进行分析的时候,可能会去掉 html 标签,空格,缩进以及提取相关关键字.分析空间数据的时候,一般会把带单位 ...

  9. JVM性能优化， Part 3 垃圾回收

    ImportNew注:本文是JVM性能优化 系列-第3篇-<JVM性能优化, Part 3 —— 垃圾回收> 第一篇 <JVM性能优化, Part 1 ―― JVM简介 > 第 ...

随机推荐

  1. WCF寄宿在C#控制台，并用命令行启动

    公司运用wcf比较多,所以自己研究一下寄宿做个笔记,wcf寄宿在控制台有两种方式 第一种,直接在控制台程序内添加wcf服务. 第二种分别添加控制台程序和wcf服务应用程序,前者引用后者,并在app.c ...

  2. C#语言-02.数据类型

    a. 数据类型 i. 值类型:是一种由类型的实际值表示的数据类型,存储在栈内的存储空间中,由于编译器编译后将源代码中的值类型变量直接对应到唯一的存储空间上,直接访问该存储空间,故值类型的数据具有较快地 ...

  3. mysql主从复制报错 ：Incorrect usage of DB GRANT and GLOBAL PRIVILEGES

    在配置mysql主从复制时,想通过 grant replication slave on bbs.* to 'bbs'@'192.168.1.3' identified by '123456'; 来限 ...

  4. Mac 10.11.4 安装mysql－5.7.13 默认密码问题

    今天下载了一个最新版的mysql dmg安装包来安装mysql,安装的整个过程竟然都没有提示输入root用户默认密码,我也没太在意,然后连接数据库时竟然提示输入密码,当时就一脸懵逼了.尝试各种密码,为 ...

  5. JS多级树结构写法

    效果: 一.布局: <div class="three_tree"> <div class="tree_title_cut"> < ...

  6. maven项目的创建

    ·做了两年多Java Web一多半的项目都是SSM架构的,只搭建过两次,趁着周末做个总结整理. Eclipse搭建Maven项目 1.new project  --> Maven project ...

  7. node的版本控制之nvm的安装与使用

    NVM的安装 windows下的安装: windows下的离线安装: nvm 的windows下载地址:https://github.com/coreybutler/nvm-windows/relea ...

  8. MarkDown和流程图诠释你的代码

    写在前面:首先感谢导师-猴哥对我的认可(求多分享点编程经验.工具.多开课),学习编程是一个痛苦和快乐的过程,希望大家共勉 本文介绍MarkDown的基本语法.使用MarkDown画简单的流程图.使用X ...

  9. Python单元测试框架unittest使用方法讲解

    这篇文章主要介绍了Python单元测试框架unittest使用方法讲解,本文讲解了unittest概述.命令行接口.测试案例自动搜索.创建测试代码.构建测试套件方法等内容,需要的朋友可以参考下   概 ...

  10. 开发者为何对Service Fabric爱不释手？值得关注！

    有了它,人人都可开发高可用高伸缩应用.今天小编就为大家介绍一款开发者的“利器”——Service Fabric . 在介绍它之前,先来了解一下它的背景. Service Fabric 是一款应用程序平 ...