【前言】
最近在敲牛腩新闻发布系统,在UI层设计页面的时候用到了HTML与CSS的知识,然后就想着先了解一下HTML啦!下面是我对HTML的简单总结!
【总结】
1.HTML是什么?
HTML,全称:Hypertext Markup Language(超文本标记语言),是用于编写Web页面的一种标记语言。
2.HTML元素
由单个或一对标签定义的包含范围,网页文档的结构和格式的定义是由HTML元素完成的。
3.元素的四种形式
HTML表示 | |
空元素 | |
带有属性的空元素 | |
带有内容的元素 | |
带有内容和属性的元素 | |
4.HTML常用标签总结
(1)基本标签
标签 | 含义 |
<html></html> | 定义HTML文档 |
<head></head> | 文档的头部信息 |
<title></title> | 文档的标题信息 |
<link> | 文档与外部资源的关系 |
<style></style> | 文档的样式信息 |
<body></body> | 页面内容(主体部分) |
<!--…--> | 注释 |
(2)文本标签
标签 | 含义 |
<h1></h1> | 标题字大小 |
<b></b> | 粗体字 |
<strong></strong> | 粗体字(强调) |
<i></i> | 斜体字 |
<center></center> | 居中文本 |
<ul></ul> | 无序列表 |
<ol></ol> | 有序列表 |
<li></li> | 列表项目 |
<a href=”…”></a> | 超链接 |
<font> | 定义文本字体尺寸、颜色、大小 |
<sub></sub> | 下标 |
<sup></sup> | 上标 |
<br> | 换行 |
<p> | 段落 |
3.图形标签
标签 | 含义 |
<img src=”…”> | 定义图像 |
<hr> | 水平线 |
4.表格标签
标签 | 含义 |
<table></table> | 定义表格 |
<th></th> | 定义表格中的表头单元格 |
<tr></tr> | 定义表格中的行 |
<td></td> | 定义表格中的单元 |
5.其它
标签 | 含义 |
<form></form> | 创建表单 |
<input> | 用于接收用户输入的信息 |
<select></select> | 创建列表框 |
<option></option> | 创建列表框中的选项 |