什么是HTML?
HTML它的全称是‘超文本标记语言’(Hyper Text Markup Language),取四个单词首字母简称为HTML。
而标记语言则是一套标记标签 (markup tag)
而HTML就是使用标记标签来描述网页。
那么何为超文本?顾名思义指的是超出文本定义的限制,而HTML就是一种超出文本的标记语言。
它有着众多一系列的标签,通过这些标签可以将网页上的所有元素统一起来,使得分散资源(文字、视频、图片、动画、声音、链接等)连接为一个整体,以网页的形式完整的展现出来。
HTML的特点
HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,其主要特点如下:
1 通用性,HTML只要电脑有浏览器就可以运行,更加灵活方便。
2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,但是HTML可以使用在广泛的平台上.
HTML的基本结构
- html 标签是由“ < > ”包围的关键词。
- html 标签通常是成对出现,分为标签开头和标签结尾。例如 标签开头:<p> 标签结尾:</p>
- html 有部分标签是没有结尾标签的,它们称作为单标签,单标签的结尾使用“/”结尾。
- html 所有内容都是包含在<html> </html>标签中。
- Html 标签具有 语义化,可以通过标签名来判断标签的作用,能够更快更清晰的让浏览器识别出网页内容。
- Html 标签分成三部分:标签名称、标签内容、标签属性。
- 标签属性可以加在标签名称的后面,标签内容是在标签开头和标签结尾中间。
- 标签内容可以添加其他标签。 例如:<span> <p> </p> </span>
HTML文本标签(部分)
1、段落标签<p> </p>,段落标签,用来输出一段文字。
2、标题标签<hx></hx>,标题标签用来描述一个标题,标题标签总共有六个级别,字号的大小默认随数字增大而递减,从大到小依次为1-6级,如:<h1></h1>、<h2></h2>······<h6></h6>;
3、无语义标签<span></span>,这个标签无任何语义。
4、短文本引用标签<q></q>,简短文字的引用。
5、长文本引用标签<blockquote></blockquote>,长文本引用。
6、换行标签<br/>,文本或段落换行。
7、强调标签<strong></strong>,会加粗文本用以强调表示非常重要的文本,同时还有一个<em></em>标签也是强调类型标签,会倾斜文本用以强调,强调内容本身。
8、加粗标签<b></b>,文本加粗,bold的缩写。
9、倾斜标签<i></i> ,文本斜体表示。
10、下划线标签<u></u>: 可以为文本添加下划线,underline的缩写。
11、<sup></sup> :上角标;<sub></sub> :下角标
HTML多媒体标签
1、链接标签,<a></a>
2、图片标签,<img>
3、视频标签,<video></video>
4、音频标签,<audio></audio>
HTML列表标签
1.无序列表标签,<ul></ul>标签定义一个无序列表,<li></li>标签代表无序标签中的每一个元素。
2.有序列表,<ol> </ol>标签定义一个有序列表,<li></li>标签代表无序标签中的每一个元素。
3.定义列表,<dl></dl>,定义列表通常和<dt></dt>与<dd></dd>标签一起使用。
HTML表格标签
1.表格标签<table></table>
2.表格的行<tr></tr>
3.表格的表头<th></th>
4.单元格<td></td>