前言:
html文档由嵌套的html元素组成。
注释:<!-- -->
标签:
- 文本解释标签,默认情况不区分大小写。必须用在开头,便于浏览器识别使用语言版本快速解释:
<!DOCTYPE html>
------表示使用html5版本。 - 结构标签包含:跟标记、头标记、主体标记。头标记不显示,可以添加一些标注、解释等。
<html><head></head><body></body></html>
。 - 标题标记,用于表示文档内容的标题内容,以及标题内容的级别。黑体、加粗、自动换行。
<h1>~<h6>
<span></span>
行内元素。和其他元素都在一行上,高,行高及外边距和内边距部分可改变。- 段落标记,用于表示内容是一个段落。高度与内容有关,铺满整个页面,且段落上下自动换行。
<p></p>
<div></div>
,块级元素。- 水平线
<hr/>
- 换行标记,用于段落内部的换行
<br/>
- 文本标签:粗体
<b></b><strong></strong>
斜体<i></i><em></em>
定义大字体的文字 不符合标准网页设计的理念,不赞成使用<big></big>
小字体<small></small>
下划线<u></u>
删除线<del></del>
上标<sup></sup>
下标<sub></sub>
上标下标每使用一次都占据一个位置,不可能同一位置上既有上标又有下标,如硫酸根离子是不能如手写一样呈现的。 - 列表标签:无序列表标记,
<ul></ul>
表示列表所包含的项是没有先后顺序的;有序列表标记,<ol></ol>
表示列表所包含的项是有先后顺序的;都与列表项<li></li>
结合使用。可以单独使用列表项。自定义列表,<dl></dl>
是项目及其注释的组合。<dt></dt>
标明一个术语要说明的对象,<dd></dd>
列表项说明。使用样式:<dl><dt><dd></dd></dt></dl>
。
列表项说明
总结:
- 标签成对出现,不区分大小写。若内容为空可以用
<makrup />
样式,不必再写结尾标记。如:<img src=# />
。 - 行内元素只能容纳文本或者其他行内元素。宽度只与内容有关,即不可修改。块元素,总是在新行上开始,占据一整行;高度,行高以及外边距和内边距都可控制;宽带始终是与浏览器宽度一样,与内容无关;它可以容纳行内(内联)元素和其他块元素可修改
display
属性设置,可以设置宽高。 - 列表标签:列表项可以单独使用。
<li></li>
,铺满整行,样式前占据大概70像素,无法去除。 - 超链接,可定义打开新页面
target="_blank"
。使用id属性。可设置锚点进行网页内的上下跳转。定义锚点<span id=“moveto”></span>定义指向该锚地的链接<a href=“#moveto”>moveto</a>
。可以发送邮件<a href= "mailto:496575233@qq.com" >QQ</a>
。 - 表格,列合并
rowspan
,行合并colspan
。 - 表单,向指定页面提交信息。提交时通过按钮的
name
属性向action
中指定的url提交value
值,因此若想要提交信息,必须有name属性,value(除textbox
标签外)。value值绝对不能设置为空,应该设置为真正提交的内容。如,设置男女,value应设置为男或女,当单选被选中时会提交男或女,而不是checked。复选框、单选框必须有一个统一的名称。选中状态为checked。下拉列表框使用嵌套形式,默认状态selected。<select name="..." size="..." multiple><option value="..." selected>...</option>...</select>
。多行文本框需要设置行与列。