学习HTML的总结
通过此次对HTML的简单学习,粗略掌握了使用它来编写简单的网页。
1. HTML的文档整体有关说明:
-
整个 HTML 就由一个个元素组成(可以嵌套),而元素则一般由一对标签(tag)构成;
-
一个元素由开始标签,内容,结束标签组成;
-
对整个HTML文档进行整理分析,大致包含以下部分:
<!DOCTYPE html>
: 声明文档类型。可有可无;<html></html>
:包裹了整个完整的页面,是一个根元素,其它元素都嵌套到其中;<head></head>
:包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容;<meta charset="utf-8">
:设置文档使用utf-8字符集编码;<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
:指定页面的图标,出现在浏览器标签上;<title></title>
:设置页面标题,出现在浏览器标签上;<body></body>
:包含能在页面看到的所有内容;
-
同大部分编程语言一样也包含注释,用
<!--
和-->
包裹起来;(注:code软件中可用快捷键
ctrl+/
) -
元素放在元素之中,称为嵌套;
-
只有开始标签的元素称为空元素;
-
元素的属性包含元素额外信息,不会在浏览器中显示,但在属性和元素名称之间包含一个空格,而且属性名称后面有一个=号,并且一个属性值由一对引号包裹。
2. 各种语法说明:
-
标题:
<h1>~<h6>
分为六级标题,一级最大,六级最小; -
文本格式:
<p></p>
显示文本内容<del></del>
划掉文本内容<strong></strong>
加粗文本内容<em></em>
斜体;
-
超链接:
<a href="http://www.baidu.com/" target="_blank">百度一下</a>
。(其中_blank
表示在新的页面打开_self
表示当前页面打开); -
图片:
<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">
; -
表格:使用
<table>
标签-
<tr></tr>
表示表格的每一行 -
<th></th>
表示表头 -
<td></td>
表示表的数据;<table border="1"> <tr> <th>姓名</th> <th>学习内容</th> </tr> <tr> <td>巴拉巴拉</td> <td>HTML</td> </tr> </table>
-
- 列表:
-
无序列表使用
<ul></ul>
标签<ul> <li>HTML1</li> <li>HTML2</li> </ul>
-
2. 有序列表使用`<ol></ol>`标签
<ol>
<li>HTML1</li>
<li>HTML2</li>
</ol>
3. `<li></li>`表示表中的每一项;
- 表单:使用
<form></form>
标签; - 下拉列表:
- 使用
<select></select>
标签, - 选项使用
<option></option>
标签;
- 使用
- input中的类型说明:
- 文本为text
- 密码为password
- 数字为number
- 单选为radio
- 多选为checkbox;等等
- input中的placeholder为占位符,checked为默认选项;
- 区块元素:
<div></div>,<h1></h1>,<pre></pre>
等自动分行(其中<pre></pre>
标签可以用来展示特别格式的文本); - 内联元素:
<span></span>,<input>,<a></a>
等不会新起一行。
以上是我对此次学习HTML的简单总结,可用于简单且快速的复习,详细内容请点击以下链接HTML学习。