黄小肥design
黄小肥design

HTML+CSS基础知识整合

html的定义：

1.超文件标记言语

2.用来描述网页的一种语言

3.一种标记语言（不是编程语言）Hyper Text Markup Language

html 5 支持的浏览器：IE9+、谷歌、火狐、Opera、Safari

浏览器内核：
Trident（Avant、腾讯TT、Netscape 8）

Gecko（Firefox、Netscape6至9）

WebKit（Safari和Google的浏览器Chrome）

Presto（它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版）

html文档声明和注释:

文档声明：

注释：

结构标签：html、head、body

head 头部标签：

title：网页标签

meta：

属性：name、http-euiv、charset、content

实例：
设置网页编码：


 刷新页面和跳转：


关键字：

描述： 

 script：1.导入外部脚本文件2.在内部定义脚本
 style：在内部定义CSS样式
 
 
html 文本与文本格式：
 
 
html文本标签：p 定义段落、b 定义加粗、strong 强调加粗、i 定义斜体、em 强调斜体、cite 引用斜体、hn h1-h6 定义标题 加粗 放大 自动换行、sub 下标文字、sup 上标文字

 
 
html本文格式标签:1.bdo dir属性定义文本方向
2.q 定义引用 添加双引号“”
3.abbr 定义缩写 title属性指定全写
4.del 定义删除文字 中划线
5.time 定义时间 datetime属性指定具体时间 html5新标签、
6.summary 定义details的标题 html5
7.details 定义细节 smmary定义其标题 html5
8.dialog 定义对话 dt dd html5

 
 
实体标签:
⁢ <
> >
  空号
&puot; ""
© 版权符号
× x

 
 
列表标签：
 1.ul 定义无序列表
 2.li 定义列表选项
 3.ol 定义有序列表
 4.dl,dt(标题),dd(内容) 定义定义列表
 5.pre 预格式化输出
 6br 换行
 表格标签（1）：
 
 
//列（标题）
     //行（内容）
     

     

        

     

        




 
 
表格标签（2）：
 
 
----->  表头
                   ------>  表头行
                           -->表头列
                 ------> 表头

        ------> 表身
                     ------->  表身行
                             ----> 表身列
                    -------> 表身

         --------> 表尾
                      --------> 表尾行
                              ----> 表尾列
                     ---------> 表尾


       
 
       

       

        


 
 
注：表格中的三个类别里，表头和表尾可以省略不写，但是表身必须要有。
 
 
1:border-collapse：collapse；取消间距
2:colspan="3"      行的单元格合并
3:rowspan="2"     列的单元格合并

 
 
注：如果没有内容的话单元格要给高度和宽度。（因为不设置宽高的话单元格是根据内容撑开）同理ul,ol,dl那些差不多，按照我个人习惯，只要是个盒子的我基本都会给他一个宽高因为这样不容易出BUG！
 
 
FROM表单：
 
 
密码框:密码:
文件上传:头像:
自动获取焦点:
搜索功能:搜索:
数值:验证是否数字：
验证邮箱:验证邮箱：
复选框:
单选框:
下拉列表:
文本域: