【前言】
最近在敲牛腩新闻发布系统,在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> |
创建列表框中的选项 |