HTML笔记一

1.head标签
定义简体中文  <meta charset="utf-8">
网页自动跳转 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />

2.有序列表     <ol></ol>      列表项  <li>...</li>

3.无序列表     <ul></ul>       type属性(控制列表前符号)【ul li{list-style：none;}去除列表前的点】

4.自定义列表  <dl></dl>      列表项    <dd>...</dd>(居中） <dt>...</dt>

 

5.标题大小  <h1>-<h6>   （<h1>最大,<h6>最小）

 

6.字体样式  <font size="1">字体大小</font>  （1最小,7最大）
   <i>斜体</i>   <b>加粗</b>   <u>下划线</u>   <del>删除线</del>
   <p>段落标签</p>     换行<br/>   水平分隔线<hr/>

 

7.超链接标签学习:

<a href="url"(文件路径)  target="_blank"(新窗口打开网页，默认不要)> 标题 </a>
去除a链接的下划线： style：text-decoration：none;
 a标签: href:要跳转的网页资源路径 本地资源:相对路径
网络资源:网络资源(网页)的URL target:指明要跳转的网页资源的显示位置

target属性：
 _self 在当前页中刷新显示

_blank 在新的标签页中显示

_top 在顶层页面中显示

_parent 在父级页面中显示

注意:超链接标签中一定要声明访问方式,访问方式可以是文字也可以是图片.

8.锚点学习:

作用:在一张网页中进行资源跳转

使用:先使用超链接标签在指定的网页位置增加锚点.

格式为: <a name="锚点名" ></a>

使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的

格式: <a href="#锚点名" >访问方式</a>

9..图像标签  <img src="url"(图片路径)  width=""(宽度)  heigth=""(高度)  border=""(边框大小) />
 属性：alt="文字"(图片不能显示时，显示文字)   title="文字"(指向图片时鼠标下方显示文字)

9.表格标签   <table>
        <tr>(行)
            <td>(列)</td>
        </tr>
       </table>
  表格属性:  cellspacing=""(间距,一般为0)  cellpadding=""(行距,一般为0)
      border=""(边框大小)  width=""(宽度)  height=""(高度)
      bordercolor=""(边框颜色)  bgcolor=""(背景颜色)  background=""(背景图像)
      align="center"(居中)  align="right"(靠右)  align="left"(靠左)
      valign="top"(靠上)  valign="bottom"(靠下)  valign="middle"(居中)
      colspan="2"(向右合并一个单元格,需删除一个td)  rowspan="2"(向下合并一个单元格)

10.表单定义: <form name=""(名称)  method=""(发送方式)  action=""(表单处理程序地址)>...</form>
     表单属性: <input name="名称" type="类型"> (size-框宽  maxlength-框内容最大长度 readonly-只读属性)
     ①文本框——text   <input type="text" name="" />
     ②密码框——password   <input type="password" name="" />
     ③图像框——image   <input type="image" src="路径"  width="宽"  height="高" />
     ④文件框——file   <input type="file"   name="" />
     ⑤复选框——checkbox   篮球<input type="checkbox" name=""/>足球<input type="checkbox" name=""/>
     ⑥单选按钮——radio   男<input type="radio" name=""/>女<input type="radio" name="" />
     【name的名称相同才能够有单选的效果】
     ⑦普通按钮——button   <input type="button" value="按钮名字" />
     ⑧重置按钮——reset  <input type="reset" value="按钮名字" /> 
     ⑨提交按钮——submit   <input type="submit" value="按钮名字" />(提交目标是action定义的地址)
     ⑩列表框——<select>
        <option>内容一</option>
        <option>内容二</option>......
              </select>
       文本域——<textarea rows="列"  cols="行"></textarea>

11.框架集:   <frameset cols(纵向)=XX%,XX%...><frome src="页面地址"></frameset>
       <frameset rows(横向)=XX%,XX%...><frome src="页面地址"></frameset>

12.动态标记:   <marquee>文字(图片,表格)</marquee>
direction="滚动方向"   behavior="滚动方式"   scrollamount="滚动速度"  
scrolldelay="滚动延迟"   loop="滚动次数"   bgcolor="背景颜色"  width="宽"   height="高"