HTML基础

<!--标题标签-->

<h1>1级标题</h1>

<h2>2级标题</h2>

<h3>3级标题</h3>

<h4>4级标题</h4>

<h5>5级标题</h5>

<h6>6级标题</h6>

<!--

段落标签: <p></p>

换行标签：<br>

-->

<!--

水平线标签:<hr>

-->

<!--

字体样式标签

字体变粗：<strong></strong>

文字倾斜：<em></em>

-->

 

HTML中常用的特殊符号及其对应的字符实体

 

特殊符号	字符实体
空格	 
大于号	>
小于号	<
引号	"
版权符号	©

 

常见的图像格式

 

JPG	有损压缩，会造成失真；体积很小，比较清晰，适合在网页中应用
GIF	支持透明色；支持动画；在网页中应用非常广泛
BMP	位图，不支持文件压缩，不适用于web页
PNG	兼JPG和GIF的优势

 

<!--图像标签的基本用法-->

<img

src="图片地址"

alt="图像的替代文字"

title="鼠标悬停提示文字"

width="图片的宽度"

height="图片的高度"

/>

 

<!--超链接的基本用法

href="链接地址"

target="目标窗口位置" _self 自身窗口 _blank 新建窗口

-->

<a href="index.html" target="_blank">

连接文本或图像

</a>

 

<!--超链接的应用场合

页面间连接

锚链接：A页甲位置到A页乙位置；A页甲位置到B页乙位置

功能性连接:电子邮件连接： href="mailto:邮箱地址"

-->

 

页面间跳转：

<a href="index.html#marker" target="_blank">

<p>

点击查看详情《看不见的完美硬币》

</p>

 

</a>

 

本页跳转：

<a href="#marker" >

<p>

点击查看详情《看不见的完美硬币》

</p>

 

</a>

 

目标位置代码：

<a name="marker">

<p>

《看不见的完美硬币》

</p>

 

</a>

 

块元素特性：无论内容多少，该元素都独占一行；

行内元素特性：内容撑开宽度，左右都是行内元素的可以排在一行