寒假总结 HTML入门基础

1.标题标记

< hn align="对齐方式“> 标题文本</ hn>
align属性值：

left	标题文字居左对齐
right	标题文字具有对其
center	标题文字居中对齐

2.段落标记

< p align="对齐方式“> 段落文本</ p>
align属性值

left	段落左对齐
right	段落右对齐
center	段落居中对齐

3.水平线标记

< hr 属性=“属性值” /> < hr />是单标记
< hr />常用属性

属性名	含义	属性值
align	设置水平线的对齐方式	可选择left,right,center三种值，默认为center，居中对齐
size	设置水平线的粗细	以像素为单位，默认值为2像素
color	设置水平线的颜色	可用颜色名称，十六进制#RGB，rgb(r,g,b)
width	水平线的宽度	可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%

4.换行标记

在HTML中，一个段落中的文字会从左到右依次排列，知道浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标记< br/>,这是如果还像是在word中直接enter键换行就不起作用了

< br/>标记虽然可以实现换行的效果，但并不能取代结构标记< p >, < h >

文本样式标记
< font 属性=“属性值”>文本内容< /font>

属性名	含义
face	设置文字的字体，例如微软雅黑，黑体，宋体等
size	设置文字的大小，可取1-7间的整数值
color	设置文字的颜色

例如：

<p> <font size="2" color="blue">我是二号蓝色文本</font></p>
 <p> <font size="5" color="red">我是五号红色文本</font></p>

5.文本格式化标记

          <center>常用文本格式化标记    

标记	显示效果
< br >< /br> 和< strong>< /strong>	文本以粗体方式显示
< i>< /i>和< em>< /em>	文本以斜体方式显示
< s>< /s>和< del>< /del>	文本以加删除线方式显示
< u>< /u>和< ins>< /ins>	文本以加下划线方式显示

  <p>我是正常的文本 </p>
  <p><strong>我是使用strong 标记加粗的文本</strong></p>
  <p><em>我是使用em 标记倾斜的文本</em></p>
  <p><del>我是使用del标记带删除线的文本</del></p>
  <p><ins>我是使用ins标记带下划线的文本</ins></p>

6.特殊字符 标记

特殊字符	描述	字符代码
	空格符	&nbsp ;
<	小于号	&lt ;
>	大于号	&gt ;
&	和号	&amp ;
¥	人民币	&yen ;
©	版权	&copy ;
®	注册商标	&reg ;
°	摄氏度	&deg ;
±	正负号	&plusmn ;
×	乘号	&times ;
÷	除号	&divide ;
²	上标2	&sup2 ;
³	上标3	&sup3 ;

7.图像标记

< img src=“图像URL” />
语法中src属性用于指定图像文件的途径和文件名，它是img标记的必需属性

< /img>标记的属性

属性	属性值	描述
src	URL	图像的路径
alt	文本	图像不能显示时的替换文本
title	文本	鼠标悬停时现实的内容
width	像素（XHTML不支持%页面百分比）	设置图像的宽度
height	像素（XHTML不支持%页面百分比）	设置图像的高度
border	数字	设置图像边框的宽度
vspace	像素	设置图像顶部和底部的空白（垂直边距）
hspace	像素	设置图像左侧和右侧的空白（水平边距）
align	left	将图像对齐到左边
align	right	将图像对齐到右边
align	top	将图像的顶端和文本的第一行文字对齐，其他文字居图像下方
align	midddle	将图像的水平中线和文本的第一行文字对齐，其他文字居图像下方
align	bottom	将图像的底部和文本的第一行文字对齐，其他文字居图像下方

相对路径与绝对路径

1. 绝对路径
   绝对路径一般指带有盘符的路径，
   例如：“D\HTML+CSS网页制作\chapter02\img\logo.gif",
   或者是完整的网络地址，
   例如：”http:\www.itcast.cn/images/logo.gif"。
2. 相对路径
   ①图像文件和html文件位于同一个文件夹：只需要输入图像文件的名称即可，
   如<img src=“logo.gif”/ >
   ② 图像文件位于html文件的下一级文件夹：输入文件夹的名和文件名，文件间用"/“隔开，
   如<img src=“img/img01/logo.gif”/ >
   ③图像文件位于html文件的上一级文件夹：在文件名之前加入“…/”，如果上上两级，则需要使用”…/…/" ，以此类推，如<img src="…/logo.gif"/ > 。