HTML基础知识——常用标签详解

 

1 定义

     html：超文本标记语言。

2 基础语法

    文档的基本结构：头部信息( 标签包含的内容分)+网页内容( 标签包含的内容)=html文件。

 

3 常用标签

•  声明文档类型；
• 常用charset="utf-8"来规定文档的编码类型，utf-8和gb2321均为常用的编码类型；

• --------

  标题；

• 段落，默认的段前段后均有空白，可以设置css样式实现自己所需样式，常用属性 align=" "，规定段落中文本的对齐方式

• align属性的具体值

  left	向左对齐
  right	向右对齐
  center	中心对齐
  justify	对行进行伸展，每行内容长度相同（如报纸、杂志等）

•   空格，因html编译器只识别一个空格，若要使用多个空格，需使用 ；标签实现，分号是必不可少的；
• 预格式化，插入代码语言，只能插入一行；

•  预格式化，插入代码语言，可以插入多行，大段代码，编译器中输入的是什么格式，浏览器中显示的就是什么格式；

• 引用名言，诗句，歌词等，无需加双引号，会自动补全，仅仅可以实现短文本的引用；

• 引用，实现长文本的引用，无需加双引号，有一定的缩进形式；

• 无语义，用以设置单独的样式；
• 
  单标签，实现换行；

• ---

  单标签，实现——，默认粗体灰色样式，属性width;color;align；
• 强调，斜体；
• 强调，粗体，更加强烈的强调，较为常用；
• 修饰标签

  修饰标签

  斜体	i,em
  粗体	b,strong
  上标	sup
  下标	sub
  下划线	ins
  删除线	del

• 特殊符号

特殊符号

<	<,左括号
>	>,右括号
®	注册商标符号
©	版权符号
&trade	商标符号

• 为网页加入地址信息（email,签名，作者信息等），斜体显示；
• 将一些独立的逻辑部分（页面上相互关联的一组元素）划出来，相当于一个容器，id=" "，提供一个唯一识别的名称。

4 列表标签

• 无序列表 ul（Unordered list）

  
      
  列表1
      
  列表2
      
  列表3
      
  列表4
  

  type属性：disc(圆点)，suqare(正方形)，circle(空心圆)

• 有序列表 ol （ordered list）

  
      
  列表1
      
  列表2
      
  列表3
      
  列表4
  

  type属性：1,a,A,i,I......

• 自定义列表 dl

    
列表1
    
列表内容具体描述
    
    
列表2
    
列表内容具体描述

    
列表3
    
列表内容具体描述

    
列表4
    
列表内容具体描述

       

和

两个为同级标签，以上三个同时使用才可以定义自己的列表。

• 列表标签使用场景

        导航；新闻列表；购物网站；书籍畅销榜等。

5 图像 

 图片路径：

   <1> 相对路径：相对当前文件的路径

  <2> 绝对路径： 相对盘符的路径

6 连接

连接的内容

• 属性

  属性

  href=" "	连接的地址，站内站外连接均可
  target=" "	目标窗口
  name=" "	命名
  title=" "	提示文字

• 给谁添加连接，就将谁放在标签中
• 空链接：  

• 锚：点击跳转到相应位置

     <1>站内跳转

sbrykqgofwq
s qkwugu

css
javascript
bootstrap

     <2>站外跳转

asnuli lqw
auq wpgw ywyk yuwq

• 扩展功能

1. 邮件

2. 
   链接到我的邮箱

   mailto:自己的邮箱？参数1&参数2&subject=主题&body=,代码编写正确后，会自动补全收件人等信息。

3.  文件下载

   
   链接到我的文件

   href中若是地址，会直接打开相应的连接；

4. href中若是文件、压缩包，会直接进行下载。