HTML中必须掌握的知识点有哪些

HTML介绍

在谈论HTML必须先介绍一下它的来历。HTML是英文Hyper Text Markup Language的缩写,它是一种标记语言,用于描述网页的结构和内容。它的发展源自20世纪60年代的尼尔森·诺伯特(Nelson Nobert)提出的“超文本”,通过链接实现文本之间的跳转,较之纯文本更具丰富性和可读性。1989年,英国的李爵士(Tim Berners-Lee)发明了HTML,并于1991年公布了第一个版本,这使得Web的快速发展起到了关键性的作用。

常用标签

1. 空标签

空标签没有内容,只用于控制HTML文档的布局和结构。最常用的空标签是<br>和<hr>。

<br></br>表示换行

<hr></hr>表示分割线

2. 块级标签

块级标签总是从新行开始,占据一整行,可以对块级内容进行格式化和设置样式。常用的块级标签有<div>和<p>等。

<div>我是一个div标签</div>

<p>我是一个p标签</p>

3. 行内标签

行内标签只占据自身的宽度,不会换行,一般用于嵌套在块级标签的内容中,例如<span>和<a>等。

<span>我是一个span标签</span>

<a href="https://www.baidu.com/">我是一个超链接</a>

4. 图像标签

用于向HTML文档中插入图片,常用的是<img>标签。

<img src="图片地址" alt="加载失败时的替换文字">

alt属性是必须的,主要是为了防止图片无法加载时用户无法知道图片的内容。

文本处理

1. 标题标签

HTML文档中标题标签的作用是用来定义页面中每个部分的标题,共有六个级别,从大到小分别为<h1>~<h6>。<h1>表示最大的标题,是整个网页的标题,<h2>表示第二级标题,以此类推。

<h1>这是一个页面的大标题</h1>

<h2>这是一个小标题</h2>

2. 文字样式标签

可用于为HTML文档内的某些文字增加样式,例如加粗、斜体等效果。

<strong>加粗文字样式</strong>

<em>斜体文字样式</em>

3. 列表标签

HTML中有两种列表,一种是有序列表<ol>,使用数字来编号;另一种是无序列表<ul>,使用符号来表示。<li>标签是用于定义每个列表项的。

<ol>

<li>有序列表第一项</li>

<li>有序列表第二项</li>

</ol>

<ul>

<li>无序列表第一项</li>

<li>无序列表第二项</li>

</ul>

表单标签

表单用于收集用户输入的数据,主要有以下几个标签:

1. <form>标签

表单必须用<form>标签包含,并且需要设置action、method两个属性。<form>标签内放置表单元素。

<form action="提交到哪个地址" method="提交方法">

...

</form>

2. <input>标签

<input>用于收集用户输入的数据,type属性决定了input类型,包括text、password、checkbox、radio、submit等。

<input type="text"> // 文本输入框

<input type="password"> // 密码输入框,输入的内容会被隐藏

<input type="checkbox"> // 复选框

<input type="radio"> // 单选框

<input type="submit" value="提交"> // 提交按钮

3. <select>标签

<select>标签是下拉框,提供了多个选项供用户选择,option标签定义每个选项。

<select>

<option value="1">选项一</option>

<option value="2">选项二</option>

<option value="3">选项三</option>

</select>

总结

HTML是Web开发的必备知识,了解HTML标签及其作用是开发Web页面的基础。其中常用的标签包括空标签、块级标签、行内标签、图片标签、标题标签、文字样式标签、列表标签、表单标签等。