前端与HTML | 青训营笔记

54 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第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,我们应该了解每个标签和属性的含义,思考什么标签最适合描述这个内容,不使用可视化工具生成代码。