html基础知识

基本标签1

<h1>...</h1>    一级标题
<h2>...</h2>    二级标题
<h3>...</h3>    三级标题
<h4>...</h4>    四级标题
<h5>...</h5>    五级标题
<h6>...</h6>    六级标题

<p>...</p>  段落标签，独占一行
<i>...</i>  斜体
<b>...</b>  加粗

<br>  换行标记
<hr>  水平线
&nbsp; 网页上显示一个空格

<!--点击图片将跳转（注释）-->

基本标签2

<title>网页上显示的文字</title>		标题
<a href="网址">百度一下</a>     超链接(原窗口跳转)
<a href="网站" target="_blank">百度一下</a>     超链接（新窗口跳转）
<img src="img/111.png" width = "300px"/ >		图片（单标签）
//width="100%"表示横向撑满整个屏幕
//width和height只改一个就可以做到宽高同比例改变
//若同时改可能造成变形
//width="100%"表示撑满整个窗口

无序列表
<ul>
	<li>
		列表项目
	</li>
	<li>
		列表项目
	</li>
</ul>
//默认实心圆
//<ul type = "disc">  实心圆
//<ul type = "circle">  空心圆
//<ul type = "square">  实心方块


有序列表
<ol>
	<li>
		列表项目
	</li>
	<li>
		列表项目
	</li>
</ol>
//<ol type = "1">  数字排序
//<ol type = "a">  小写字母排序
//<ol type = "A">  大写字母排序
//<ol type = "i">  小写罗马字母排序
//<ol type = "I">  大写罗马字母排序

基本标签3

<img title="提示" alt="失败" src="images/1.jpg"  width="300px" >
//title表示鼠标放在图片上的提示字
//alt表示图片加载失败的提示字

<del>...</del>
//给文字增加删除线

10<sup>2</sup>
//把文字变成上标

H<sub>2</sub>
//把文字变成下标

<u>...</u>
//给文字加下划线

<center>...</center>
//使文字居中

关于标签嵌套

• 超链接不能嵌套超链接
• p标签不能嵌套p标签
• 标题标签h1…h6不能互相嵌套