Day01

1、知识点归纳

1.1 Html标签

标签作用Head用于存放：
title,meta,base,style,script,linkBody页面在的主体部分，用于存放所有的html标签：
p,h,a,b,u,i,s,em,del,ins,strong,imgTitle让页面拥有一个属于自己的标题。

1.2 常用标记

1.2.1 标题标记

格式：<h1>…</h1>, <h2>…</h2>, …,<h6>…</h6>,设置各种大小不同标题的标记。

<h1 align=“center”>标题文字</h1>

1.2.2 <s>…</s>给字符上加横线，表示删除

<b>…</b>给字符加粗

<i>…</i>将字符设置成斜体、段标记

格式：<p>…</p>设置段落标记。

<p align=“right”>文字</p>

1.2.3 换行标记<br />

格式：文字<br />

1.2.4 注释标记

格式：<!—注释内容-->

1.2.5、横线标记<hr />

<hr size=“” /> 大小 默认值为2

<hr width=“” /> 宽度 像素值或百分数

<hr align=“” />对齐方式 left,right

<hr color=“”>颜色

1.2.6 字体设置标记

功能：设置字体格式标记。

<font>标记提供了几种属性：

Size:设置文字的大小

Face:设置字体

Color:设置字体的颜色

格式：<font size=“大小” face=“字体名称” color=“颜色”>文字</font>

1.2.7 其它格式标记

<u>…</u>给字符加下划线

<s>…</s>给字符上加横线，表示删除

<b>…</b>给字符加粗

<i>…</i>将字符设置成斜体

     1.2.8 特殊字符标记

空格字符用字符串”&nbsp;”表示； ”&nbsp;”代表一个英文字母，一个汉字两个字符，

”&nbsp;” ”&nbsp;”

© 版权&copy;

® 注册商标&reg;

1.2.9 图片

<img src="" />

1.2.10 锚点的使用

1）本页面锚点:href属性#号后面的名称叫做window.hash,通过ID名与#号后面的名称

匹配达到定位

id

href

2）跨页面锚点

<a href=""></a>

1.2.11 表格的使用

属性作用border表格边框width表格宽height表格高      cellspacing单元格件的空白cellpadding单元边沿与内容见的空白

2 课堂、课后

2.1 页面布局

图一：

2.2 图片页面跳转

     图一：

图二：