HTML基础 常用标签

一.HTML简介：

• HTML：超文本标记语言 Hyper Text Markup language
• Html不仅仅能表示文字，还可以表示图片 音频 视频 超链接这些东西。
• HTML1.0-HTML4.0 PC端的网页
• 用HTML5编写的网页 不仅仅能在pc端显示，还可以在移动端去进行显示。
• Java是编译型语言。必须先全部编译完成，然后才能运行。
• Html是解释型的语言 边解释边运行。 解释就是由浏览器去执行。

二.常用标签：

1.标题标签:

• h1-h6 字体加粗 字体放大 h1-h6字体逐渐缩小 会独自占一行

2.段落标签:

所有放在同一个p标签中的内容会独自占一行:<p>内容</p>

3.加粗

不会独占一行

4.斜体

<em ></em> 斜体 不会独占一行

5.换行

• < br / >

6.水平线标签< hr />

7.图片标签 < img />

<img src="../img/表单2.png" width="1000" height="200" alt="这是一张注册图片" title="此图是一张注册图片"/>
src:图片地址
width:宽度
height:高度
alt:图片替代文字
title:鼠标悬停文字

8. 超链接标签

8.1页面间链接

文本超链接
<a href="http://www.baidu.com" target="_blank">去demo1页面</a>
图片超链接  
<a href="Demo2.html" target="_blank" >
 	<img src="../img/无标题.png" width="100" height="100"/>  
</a>

8.2锚链接

同一个页面的A位置跳到同一个页面的B位置
<a href=" #zhangsan">A位置</a>
<a name=”zhangsan”>B位置</a>

9.特殊字符：

  &lt;   翻译成<
  &gt;   翻译成>
 &nbsp;  翻译成空格 
 &copy;  翻译成©

10.无序列表：

Type默认为disc 实体圆心  circle：空心圆  square：实体方形
  <ul type="square">  
		<li>苹果</li>
		<li>香蕉</li>
		<li>橘子</li>
</ul>

11.有序列表：

Type默认为disc 实体圆心  circle：空心圆  square：实体方形
  <ul type="square">  
	<li>苹果</li>
	<li>香蕉</li>
	<li>橘子</li>
</ul>

12.自定义列表：图文混排

一般用于图文混排的效果中
如果用在图文混排中，dt中放图片  dd中放文字
  <dl>
		<dt>图片</dt>
		<dd>文字</dd>
  </dl>