HTML基础

1、HTML不区分大小写

2、<标签> 内容</标签>

3、注释 <!--注释内容-->

4、head元素

（1）title元素，添加标题。

（2）meta元素

5、文本元素

（1）<h1> </h1> 一级标题，接下来是2-n字体逐级变小

（2）加粗：strong，b

（3）斜体：i

（4）删除线：s

（5）下划线：u

（6）上标：sup

（7）下标：sub

（8）变大，变小：big，small

（9）字体：font

可以设置颜色，字体，大小等方面。

<font face = "楷体",size = "10",color = "blue">在这温暖的房间，我们都想了很远</font>

（10）段落标签 p

每一段之间会有一段距离。

（11）换行标签 <br />

（12）水平线标签  <hr />

<hr size = "3",noshade="noshade",color="blue",width="400px",align="center" />

（13）有序列表

<ol>
				<li>购物区</li>
				<li>男装</li>
				<li>女装</li>
				<li>童装</li>
				<li>休闲装</li>
				<li>运动装</li>
</ol>

（14）无序列表

<ul>
				<li>购物区</li>
				<li>男装</li>
				<li>女装</li>
				<li>童装</li>
				<li>休闲装</li>
				<li>运动装</li>
</ul>

（15）定义列表 dl

每个列表都由1-n个子项，每一子项都由标题dt，描述dd构成。

<dl>
				<dt> 购物区</dt>
				<dd> dsfsdfsdfwefrwewregregsfsf</dd>
				<dt> 男装</dt>
				<dd> dsfsdfsdfwefrwewregregsfsf</dd>
				<dt> 女装</dt>
				<dd> dsfsdfsdfwefrwewregregsfsf</dd>
				<dt> 童装</dt>
				<dd> dsfsdfsdfwefrwewregregsfsf</dd>
</dl>

（16）div与span标签

div用来设置一个逻辑区块，span属于一个行内元素

6、图像元素

<img />插入图像

src = "" 表示获取图片的路径，alt表示图片的文本描述，align表示图片的对齐方式

width表示图像的宽度，height表图像的高度，border表示图像的边界。

<img src = "C:\Users\zxy\Desktop\12.jpg" alt = "佟丽娅" width= "229",height= "120" border = "2"/>

7、超链接与锚点

<a href = "" name = "" , target = ""> 链接内容 </a>

href 表示目标链接的地址

target表示锚点的名称，

target表示以何种方式打开。

 

（1）超链接

<a href = "https://www.baidu.com/"  >百度   </a>

（2）锚点

<a href = "#wo" > 跑到锚点的位置去 </a>
			<br /> 123
			<br /> 123
			<br /> 123
			<br /> 234
			<br /> 123
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 123
			<br /> 123
			<br /> 123
			<br /> 123
			<!--第一步，创建锚点-->
			<a id = "wo"> 这是我新建的锚点 </a>
			<br /> 123
			<br /> 123
			<br /> 123
			<br /> 234
			<br /> 123
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 234
			<br /> 123
			<br /> 123
			<br /> 123
			<br /> 123

 

（3）图片与超链接的结合

<a href = "https://www.baidu.com/"> 
			<img src = "C:\Users\zxy\Desktop\12.jpg" alt = "佟丽娅" width= "229",height= "120" border = "2"/>
			</a>

（4）target的属性