本文共 2339 字，大约阅读时间需要 7 分钟。

1. 初识 html

  HTML（Hypertext Markup Language）超文本标记语言，负责网页三个要素之中的结构，使用标签的形式来标识页面中的不同组成成分。超文本指的是超链接，可以跳转页面。

  万维网联盟(World Wide Web Consortium,W3C)，成立于 1994 年， Web 技术领域最权威和具影响力的国际中立性技术标准机构。

W3C标准包括：

• 结构化标准语言：HTML、XML
• 表现行为语言：CSS
• 行为标准：DOM、ECMAScript

2. HTML 的基本结构

   
   
       
       
       
       
       
       
这是一级标签

3. HTML 常用标签

3.1 文本相关标签

标签	描述
h1~h6	标题
p	段落
i、em	斜体
b、strong	加粗
sup	上标
sub	下标
ins	下划线
del	删除线
br	换行

    
Java 从入门到如土
    
   
    
鲁迅说：这句话必不可能是我说的！
    
   
    
 Dear LiHua：        
   
    帮你写了几年的作文，不表示表示？
   
    
    
   
    
勾股定理：A2+B2=C2
    
    
电解水：2H2O = 2H2+O2
    
   
    
斜体1
斜体2
    
粗体1
粗体2
    
下划线
    
删除线

3.2 超链接

标签	描述
a	超链接

   点击

3.3 媒体

标签	描述
img	图片
audio	音频
video	视频

3.4 文字列表

标签	描述
ul	无序列表
ol	有序列表
li	列表项

   
    
    
Java
    
    
MySQL
    
    
Spring
    
    
redis
   
   
    
    
Java
    
    
MySQL
    
    
Spring
    
    
redis
   

• 更多见：

3.5 表格

标签	描述
table	代表整个表格
th	表头
tr	表格行
td	单元格
caption	表格标题

   
        
     综合成绩表
    
        
     
      
姓名
          
语文
          
数学
          
英语
         
     
              
张三
              
85
              
91
              
63
         
         
              
李四
              
95
              
80
              
90
         
         
              
王五
              
96
              
91
              
95
         
    
   

• 更多见：

3.6 区块

区块元素(块元素)：独占一行，如 h1、p、ul、table 等，块元素 div，无特定含义，常用于其他 HTML 元素的容器。

内联元素(行内元素)：不会独占一行，如 b、td、a、img 等，行内元素 span，无特定含义，常用于文本容器。

3.7 表单

标签	描述
form	代表整个表单
textarea	文本输入域
input	输入，可作文本输入、密码输入、单选输入、复选框输入、点击按钮
select	下拉选择框
optgroup	选项分组
option	下拉框选项
button	点击按钮

   
    
        
        
    
    
        
    
     firstname
     
    
    
    
     lastname
     
    
    
    
    
        
    输入    
    
    
        
    
     male
    
    
    
     female
    
    
    
    
        
    
     选项一
    
    
    
     选项二
    
    
    
     选项三
    
    
    
    
        
            
                         
                  选项一            选项二                            
                  选项一            选项二                
    
    
        
    
   

• 更多见：

3.8 内联框架

<iframe></iframe> 标签用于嵌入其他网页

属性	描述	取值
src	目标网页地址	URL
frameborder	边框	取数字，0 代表无边框
width	宽度	取数字，单位为px
height	高度	取数字，单位为px

4. 定义 js 脚本

• 如果是定义在页面内部，一般放在 body 标签内的底部。
• 如果通过文件引入，可以使用 script 标签引入，如下：

5. 定义 css 样式表

• 通常是定义到 css 文件中，通过 link 标签引入，如下：

• 如果定义到 html 页面内，则定义在 head 标签内 style 标签内部。