HTML基本基础知识

HTML5基础知识

基本结构

---

keywords关键字搜索

description内容提示

charset字符编码

都是放置在mata标签中

标题标签

h1~h6

段落标签

换行

徐志摩简介

徐志摩简介

---

1910年入杭州学堂
1918年赴美国克拉大学学习银行学
……

空格	**&**nbsp;
大于号(>)	>
小于号(<)	& lt ;
引号(")	& quot ;
版权符号 @	©

图片语法

<img src=“图片地址” alt=“替换的文字” title=“鼠标悬浮展示的文字” width=“图片宽度” height=“图片高度”/

超链接的语法

链接文本或图像 < /a>

target ：_self :在自身打开页面

​ _blank:在新页面打开

锚记

从A页面的甲位置跳转到本页中的乙位置
从A页面的甲位置跳转到B页面中的乙位置

创建步骤

1.创建跳转标记

乙位置< /a>

2.创建跳转链接

甲位置< /a>

功能性链接

联系我们< /a>

mailto：发送邮件，打开邮件

块级元素

无论内容多少，该元素独占一行（p、h1-h6… div）

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em… img)# HTML5基础知识

基本结构

---

keywords关键字搜索

description内容提示

charset字符编码

都是放置在mata标签中

标题标签

h1~h6

段落标签

换行

徐志摩简介

徐志摩简介

---

1910年入杭州学堂
1918年赴美国克拉大学学习银行学
……

空格	**&**nbsp;
大于号(>)	>
小于号(<)	& lt ;
引号(")	& quot ;
版权符号 @	©

图片语法

<img src=“图片地址” alt=“替换的文字” title=“鼠标悬浮展示的文字” width=“图片宽度” height=“图片高度”/

超链接的语法

链接文本或图像   < /a>

target ：_self :在自身打开页面

​ _blank:在新页面打开

锚记

从A页面的甲位置跳转到本页中的乙位置
从A页面的甲位置跳转到B页面中的乙位置

创建步骤

1.创建跳转标记

乙位置< /a>

2.创建跳转链接

甲位置< /a>

功能性链接

联系我们< /a>

mailto：发送邮件，打开邮件

块级元素

无论内容多少，该元素独占一行（p、h1-h6… div）

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em… img)