HTML基础知识

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支持:简体中文
具体使用哪种编码根据网站建设需求进行设置。


文字和段落标签
&nbsp; 表示一个空格
<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>

------------------------------------------
&lt;    <     小于号或者显示标记
&gt;    >     大于号或者显示标记
&reg;   ®     已注册
&copy;  ©     版权
&trade;  TM     商标
&nbsp;  Space   不断行的空白

原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10597181.html