HTML(Hypertext Markup Language) 即超文本标记语言
HTML 4.0 1997(W3C 万维网联盟)
HTML 4.0.1 1999(W3C 万维网联盟)
HTML5 在2014年定稿
HTML特点
1,HTML不需要编译,直接有浏览器执行
2,HTML文件是一个文本文件
3,HTML文件必须使用html或htm为文件名后缀
4,HTML对大小写不敏感,HTML和html一样
HTML基本结构
以下是HTML文件:
<html>
<head>
头部信息
<title>标题</title>
</head>
<body>
网页主体内容
</body>
</html>
HTML标签属性
语法:
<标签名 属性名1="属性值" 属性名2="属性值"...></标签名>
注释:
<!-- 提示信息 -->
DOCYTYPE 文档类型声明 用于定义文档类型
HTML经历了很多的版本升级,其中就有多个HTML版本和多个XHTML版本,
我们要在HTML文档第一行就告诉浏览器,我们是使用HTML还是XHTML,
并且要告知使用的是哪个版本,才可以正确运行HTML文档。
<!DOCTYPE HTML>声明必须放在HTML文档第一行。
<!DOCTYPE HTML>声明不是HTML标签
网页编码设置
问题:乱码
解决:
在<head></head>标签之间添加:
<meat http-equiv="Content-Type" content="text/html;charset="uft-8"/>
http-equiv="Content-Type" 指定网页的内容
content="text/html;charset=utf-8" 指定网页内容使用的是什么语言,使用什么编码
记住meta中只有两个属性两个值:
http-equiv="Content-Type"
content="text/html;charset=utf-8" //值里面有一个分号。
千万别写成:
<mete http-equiv="Content-Type" content="text/html" charset="utf-8"/>
国内常用的编码:utf-8 GB2312 gbk 等编码
utf-8支持:简体中文,繁体中文,英文,日文,韩文
gb2312支持:简体中文
具体使用哪种编码根据网站建设需求进行设置。
文字和段落标签
表示一个空格
<p></p> 段落标签,段落前面会空一个行。
<br/>换行标签或者空标签,该标签后面的内容会另起一行。
<hr/>水平线。
p标签有个属性align,表示对齐方式:
align="left" 段落内的内容左对齐
align="right" 段落内的内容右对齐
align="center" 段落内的内容居中对齐
align="justify" 段落捏的内容拉伸对齐,两端对齐拉伸中间内容(填充空格)。
<pre></pre>是一个预格式化标签,即:该标签内的所有格式都是预先定义好的,
会在网页中原原本本的显示出来,在键入代码时输入是什么样子的,
在网页中显示还是什么样子的。(空格,换行等等都会被保留。)
修饰标签
文字斜体:<i></i> <em></em>
加粗:<b></b> <strong></strong>
下标:<sub></sub>
上标:<sup></sup>
下划线: <ins></ins>
特殊符号
在网页上显示:<b></b>
------------------------------------------
< < 小于号或者显示标记
> > 大于号或者显示标记
® ® 已注册
© © 版权
™ TM 商标
Space 不断行的空白