这是我参与「第四届青训营 」笔记创作活动的的第1天
一.什么是html
HTML(Hyper Text Markup Language)指的是超文本标记语言 注意:是一种标记语言,不是编程语言 标记语言是一套标记标签
二.HTML标签
- HTML标签是由尖括号包围的关键词。
- HTML标签一般都是成对出现的。
- 第一个是开始标签,第二个是结束标签。例如"
<b></b>"。 - 标签和属性不区分大小写。
- 空标签可以不闭合,例如
<input>、<meta> - 属性值推荐使用双引号包裹
- 某些属性值可以省略,例如
required、readonly
三.标题标签
<h1>~<h6>,<h1>定义最大的标题,<h6>定义最小的标题。
四.段落标签
<p>//块级元素 定义段落
例如:
<br>换行标签
<p> To break<br />lines<br />in a<br />paragraph,<br />use the br tag. </p>
五.超链接标签和图像标签
<a href="链接地址"> 链接名<a>
图像由<img>标签定义,src为源属性。 例如: <img src="url" /> url指存储图像的地址。
六.列表
无序列表<ul>标签定义,有序列表<ol>标签定义。 定义列表:自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 结束。
七.表单
<input>元素是最重要的表单元素,根据不同的type属性,可以变化为多种形态。
<select>元素定义下拉列表。 <option>元素定义待选择的选项。
<textarea>元素定义多行输入字段。
<button>元素定义可点击的按钮。
总结
总结: 通过第一节课的学习,对HTML有了初步的了解,知道HTML中的元素、属性及属性值都有某些含义,开发者应该遵循语义来编写HTML,我们应该了解每个标签和属性的含义,思考什么标签最适合描述这个内容,不使用可视化工具生成代码。