标签：enc 有序列表 clip 其他 上传 display add use 而且
严格意义上HTML算不上是一种编程语言，而是一种标记语言，它的功能非常类似于word里基本字型设置功能，所以结合word的功能选项来学习HTML标记语言会更加容易理解。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 页面内容部分 </body> </html>
HTML标记的结构
<标记名称>标记内容</标记名称>
如：<h1>Black Goose Bistro</h1>
这样的标记有很多：
Block、inline、empty是HTML标记三种类型，就像人类有白种人和黑种人之分一样。
HTML将Block标记元素作为矩形盒子对待，Block标记元素总是另起一行开始,如hx、p、blockquote、pre、ol、ul、li、dl、dt、dd、hr
HTML对待inline标记元素与文本一样，不会另起一行，inline标记内不能包含block标记元素
Empty标记元素内不包含任何的文字信息，它们只是实现各自相应的功能，与其他的标记元素不同的是，empty标记元素没有尾部标记，如<img/>、<br/>、<hr/>等。
每个标记元素都包含自己的属性，这些属性的定义方式如下：
<标记名称 属性=“值”属性=“值”></标记名称>
使用标记属性时要注意：
Inline标记是指可以在语句内不会换行的标记
ins和del：ins插入标记，显示时字符会带有下划线，后者del删除字符，字符中间会有一条删除线
sup和sub：前者是上阶字符，如二次方，后者是下阶字符
block和inline标记是很多，但未必都满足我们的需求，所以HTML中有两个顶级类标记，可以让我们自定义元素的格式：div和span；它们没有预设的格式，我们可以通过它们的id或class属性结合CSS进行定制
要获得div和span的引用，要通过标识符，即id和class，id类似于AS3中对象的实例名称，是指某一个实例；而类就是AS3中的类对象了，指的是一类对象，它的变更会影响到所有该类的元素
基本上所有的标记元素都有id和class属性，但是这个两个属性对下面的标记不适用： base、basefont、head、html、meta、param、script、style、title
有些特殊字符与标记字符冲突，在HTML里显示不出来，就要通过下面的转义字符显示
HTML中从一个网页跳转到另一个网页，通过链接标记符a来实现，它是一个inline元素，所以它不能p等包含block标记元素,它的具体用法如下：
<a href=“要跳转到的网址”>显示的文字</a>
a标记的href属性值即是要跳转到的网址，另外还可以在a标记中添加一个img标记，实现图片链接：
<a href=“要跳转到的网址”><img src=“”/></a>
一个绝对路径，即要访问的网址与当前网址不在同一个服务器上，如：“http://blog.sina.com.cn/ladeng6666”，
一个相对路径，目标网址与当前网址在同一个服务器上，通过相对路径来访问如：“blog/index.html”
当相对路径在当前网页上一级目录时，要通过“../”来返回上一级目录，如：“../blog/index.html”
访问当前网页根目录也很简单，只需一个“/”就可以了，如：“/blog/index.html”
链接不仅可以调整页面，也可以在同一个页面中不同位置之间跳转，即链接锚点：
创建锚点：锚点的创建，通过设置元素的id属性值即可实现，如：<div id=“maodian1”></div>
访问锚点：<a href=“#maodian1”></a>
访问网页的某个锚点：<a href=“another.html#maodian1”></a>
通过a标记的target属性，可以设置新网页开启的窗口，target属性值有以下几种情况：
_blank：每个新网页都在新的窗口中开启，如：<a href=“http://blog.sina.com.cn/ladeng6666” target=“_blank”></a>
自定义窗口：给target传入一个任意值后，再使用这个任意值设置target，那么新网页会在上一个窗口中开启，如：<a href=“http://blog.sina.com.cn/ladeng6666” target=“display”</a>。注意自定义target属性值不能带有下划线”_”
在HTML中添加一个邮件链接，可以让更多的读者联系到你，用法如下：
<a href=“mailto:邮箱地址”>显示的文字</a>
如<a href=“mailto:ladeng6666@163.com”>联系拉登</a>
HTML中的图片都是通过img标记显示出来的，
<img src=“图片地址”/>
它有下面几个特点：
img有很多属性，对这些属性进行设置，可以更改图片显示的效果：
在同一个图片中，我们可能需要有不同的链接，比如图片左边链接到百度，右边链接到拉登的博客，这时候就要把img与map标记元素结合起来使用了：
<map id="mps" name="mps"> <area shape="rect" coords="0,0,50,50" href="http://blog.sina.com.cn/ladeng6666" alt="拉登的博客" /> </map> <img src="图片地址" usemap="mps" />
定义多热区img的三个步骤：
<map id="mps" name="mps"> <area shape="rect" coords="0,0,50,50" href="http://blog.sina.com.cn/ladeng6666" alt="拉登的博客" /> </map> <img src="图片地址" usemap="mps" />
当需要在网上提交一些信息时，比如注册论坛，发帖等，你会发现一些文本框或下拉菜单，这就是form，form是在网页中进行信息交互时不可缺少的一部分，它具有以下特点：
GET方法会将表单中的变量追加到处理信息的网址后面，如：ladeng6666.php?name=ladeng，这种方法传递的数据量被限制为URL的长度2048KB，而且这种方法很不安全
POST将数据通过HTTP协议传递给处理信息网址，这种方法安全且无数据大小限制，使用广泛
form中常用的组件有：
input标记元素是一个empty标记元素，但是通过它的type属性，可以得到不同的组件：
标签：enc 有序列表 clip 其他 上传 display add use 而且
原文地址：https://www.cnblogs.com/yitao326/p/10261978.html
