html简单总结

来源:互联网 发布:铁塔运维软件 编辑:程序博客网 时间:2024/05/17 22:33

一,标签复习:
1,列表
   <dl>
 <dt>上层项目</dt>
 <dd>下层项目</dd>
   </dl>

  <ol>
 <li>字符列表1</li>
 <li>字符列表1</li>
  </ol>
注:可以改变其属性。

2,<img src="" alt="说明文字"/>

3,表格,table
<table>
   <tbody>
 <tr>
          <th colspan="2">你好</th>
        </tr> 
 <tr>
          <td colspan="2">你好</th>
        </tr>
   </tbody>
</table>

<tbody>:可控制表格分行下载,为表格默认属性。

4,表单

<form>
 <input/ type="" name=""> //表单,按钮,单选,复选等
 <select>//下拉菜单
 <option > </option>
 </select>
</form>
form中有一个method属性,可以指定是用post还是get
区别:
get:提交的数据会在地址栏显示
post:提交的数据不会在地址栏显示

get:提交的信息被封装在协议的头部
post:提交的信息被封装在协议尾部的空行后

get:对于保密信息的提交不安全
post:安全。

5,浏览器提交网页到服务器的时候,有两种get和post,post提交1是比较安全,2是便于解码

6,<label accesskey="u" for="userid">
</label>
为表单设置快捷键

7,<pre> 保存数据的原有格式 </pre>

<sub> 下标</sub>
<sup>上标</sup>
<marquee>滚动标签</marquee>

<base>可以指定要访问页面的目录。

8,<meta name="keywords" content="信息"></meta>
content为页面的说明信息,用于被检索的关键字


9,css层叠样式表。

将网页中的样式分离出来,完全由css来控制。
增强样式的复用性以及可扩展性。

css和html代码相结合的四种方式
1,每一个html标签都有一个style属性

2,当多个页面有多个标签有相同样式时,可以进行复用。
 <style>
  css代码
 </style>
3,当有多个页面中的标签样式相同时,还可以将样式单独封装成一个css文件。
 通过在每个页面中定义
 <style>
  @import url("1.css");
 </style>
4,通过html中head标签中link标签连接一个css文件。
 <link rel="stylesheet" href="1.css">

选择器:其实就是样式要作用的标签容器。

分类:
1,标签选择器:html中的每一个标签名
2,类选择器:每一个标签汇总的class属性。用.表示
3,ID选择器:其实就是每一个标签中的ID属性。但是要保证ID唯一性。用#来标识。
ID不仅可以被css所使用,还可以被javascript所使用。