第1章HTML5基础知识点_en-us的html5编码-优快云博客

本文链接：https://blog.youkuaiyun.com/X_302lizhaohon/article/details/80661233

1.HTML5基本结构和W3C标准

HTML——
Hyper Text Markup Language(超文本标记语言)
超文本包括:文字，图片，音频，视频，动画等

W3C
World Wide Web Consortium(万维网联盟)
成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
——http://www.w3.org/
——http://www.chinaw3corg/

W3C标准包括
——结构化标准语言（HTML,XHTML,XML）——（搭结构框架网页）
——表现标准语言（CSS） ——（美化网页）
——行为标准（DOM,ECMAScript） ——（添加网页音频，视频，动画）
W3C标准包括结构化标准语言，表现标准语言和行为标准语言

HTML——网页基本结构
<body> , </body>等成对的标签，分别叫开放标签和闭合标签
单独呈现的标签（空元素），如<hr/>;意为用/来关闭空元素

DOCTYPE声明
<!DOCTYPE html> ——告诉浏览器使用什么规范（html规范）

网页的基本结构包括头部和主体
<!DOCTYPE html> （DOCTYPE声明——告诉浏览器使用什么规范（html规范））
<html lang="en">     （html标签中的lang属性作用：声明当前页面的语言类型）
<head> （表示头部）
    <meta charset="UTF-8"> （<meta>标签"UTF-8"——表示网页字符编码，推荐utf-8,还可以设置为gb2312）
    <title>网页标题</title>（<title>表示网页标题）
</head>（表示头部）

<body> （表示主体）
网页主体内容
</body>（表示主体）
</html>

写在html标签中的lang属性作用：声明当前页面的语言类型。
如：
<html lang='en'></html> //英文

<html lang='zh'></html> //中文

<html lang='ja'></html> //日文

<html lang='en-us'></html> //美式英文

注意：lang属性中的语言代码不区分大小写
<html lang='en-us'></html> //英文

<html lang='en-US'></html> //英文

上面的两行代码一样的效果。
另外，lang属性也可以加到普通标签上。
如：
<div lang='en'>this is English .</div>

2.网页的基本标签

基本网页标签
1.标题标签——（双标签）
<h1>...</h1>
<h2>...</h2>
....................
<h6>...</h6>
2.段落标签——（双标签）
<p>...</p>

3.换行标签——（单标签）
<br/>——（语句换行）

4.水平线标签——（单标签）
<hr/>

5.字体样式标签——（双标签）
加粗：<strong>...</strong>——(字体加粗)
斜体：<em>...</em>——（字体斜体）

6.注释和特殊符号
1）注释

3.图像标签

常见的图像标签
1.JPG格式
体积很小，比较清晰

2.GIF格式
GIF格式文件支持透明色，还支持动画

3.PNG格式
图像文件存储格式，它兼有GIF格式和JPG格式的优势
PNG是一种新兴的Web图像格式

4.BMP格式
BNP格式它是拉图，它不支持文件压缩，也不适用于Web页

图像标签基本语法
<img src="图像地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图像的宽度"
height="图片的高度"/>

4.超链接标签

1.超级链接标签
语法
<a href="链接地址" target="目标窗口位置" 常用的取值有_self(自身的窗口)，_blank(新建窗口)>链接
文本或图像</a>

2.锚标签
<a href="#marker">当前位置甲</a>

3.行内元素和块元素
块元素特性:无论内容多少，改素数独占一行 <p>段落标签</p>,<h1>标题标签</h1>
行内元素特性:内容展开宽度，左右都是内行元素的可以排在一起 <a href="#">超链接a元素</a>
<strong>strong元素</strong>,<em>em元素</strong>