HTML知识点总结(超文本标记语言)
1、元素
开始标签、内容、结束标签组成
2、HTML文档
、、、...注释:
3、元素的属性
元素是可以有相关属性的。属性包含元素的额外信息,这些信息不会在浏览器中显示出来。
,这里password和text即为属性,在属性和元素名称之间有一个空格,type后面必须接一个=号,属性必须用 “” 引起来。
4、标题
HTML 提供了从大到小6级标题,分别是:<h1> ~ <h6>
,
This is heading 1
等等5、文本格式
<p>...<mark>text</mark>..</p>,text为标记的高亮内容
<p><del>text</del></p>,text为中画线内容
<p><s>text</s></p>,text为中画线内容
<p><s>text</s></p>,text为下划线内容
<p><ins>text</ins></p>,text为下划线内容
<p><u>text</u></p>,text为缩小内容
<p><small>text</small></p>,text为加黑内容
<p><em>text</em></p>,text为斜体内容
6、超链接a和锚点
<a href="跳转去的地址 URL" target="_blank">点击按钮</a>
target属性为_blank表示在新的页面打开超链接(默认是在当前页面打开即_self)
锚点,也称为书签。先使用id属性生成某元素的锚点,然后再使用超链接指向该锚点即可。
<h2 id="C4">第四章 论零号病人的重要性</h2>
<a href="#C4">跳到第四章</a>
7、图片及文件路径
<img src="图片文件的位置 URL" alt="获取图片出现问题时显示的文字" width="图片宽度" height="图片高度">
对于小尺寸的图片,现在可采用 base64 编码进行,可提高页面加载速度
<img src="picture.jpg"> | 该图片文件与当前文档在同一目录中 |
---|---|
<img src="./images/picture.jpg"> | 该图片文件在当前目录下的images 目录中 |
<img src="../picture.jpg"> | 该图片文件在上一级目录中 |
8、表格Table
<table>
<tr>
<th>姓名</th>
...
</tr>
<tr>
<td>小红</td>
...
</tr>
<tr>
<td>小明</td>
...
</tr>
</table>
<tr>表示行, <td>表示行中的单元, <th>是表头的单元(将会加粗显示)
姓名 ...
小红 ...
小明 ...
9、列表List
1)无序列表,默认使用实心圆点作为每项的标志,其它的标志可以是空心圆circle
,实心方块square
以及不出现标志。
- Coffee
- Tea
- Milk
2)有序列表,默认使用数字作为每项的标志,其它的标志可以是大写字母A
,小写字母a
,罗马字母i
等
- Coffee
- Tea
- Milk
10、表单Form
当网站需要获取我们的一些信息如:用户名、密码、选择买什么、买多少、提出意见等等时,我们就需要使用表单(form)来让用户填写或选择。
用户名:密码:
性别:
男
女
您有哪些交通工具:
自行车
摩托车
轿车
飞机
11、区块、内联元素,特殊符号
1)区块元素
区块元素在浏览器显示时,通常会以新行来开始(和结束)。如:<h1>, <pre>, <ul>, <table>,<
div> 等。
2)内联元素
内联元素相反,他们总是一个接一个进行显示,不会新起一行。如: <span>, <input>, <td>, <a>, <img>
等。
3)特殊符号
空格:
大于小于号表示: < >