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页面的基础。其中常用的标签包括空标签、块级标签、行内标签、图片标签、标题标签、文字样式标签、列表标签、表单标签等。