html基础知识（标签）

1.HTML:

  Hyper Text Markup Language，超文本标签语言（描述网页的一种语言）。
  html不是编程语言，是标签语言。

2.骨架

                      
                      
                  
        
                      
              加油加油加油（内容）
        
  

3.标签

   双标签 :
   单标签 (非常少):

  （/：关闭符）

                        -----------\                          
                        -----------/ 父子关系                          
                    
                ------------------\
                 ------------------/  兄弟关系                                   
               （内容）
         
   

4.快速生成骨架

   1：html:5 tab
   2：！+ tab

5.DOCTYPE：文件类型

  lang：language
  charset：字符集
       ：UTF-8 （世界通用）
       ：gb2312（简体中文6763个汉字）
       ：BIG5 （繁体中文（港澳台））
       ：GBK （gb2312扩展，支持繁体和简体）

6.排版标签

  (1) 标题标签

标题标签：
   

...

: 标题级（大——>小）
       

一级标题内容

       

二级标题内容

       

三级标题内容

       

四级标题内容

       

五级标题内容

       

六级标题内容

  (文档标签：title)

  (2) 段落标签：paragraph

     

段落内容

  (3) 单标签：

     

---

:一条直线
     
:换行（break）

  (4) 标签（重点）:布局

    

(一对占一行)：division(分割 分区)
    (多对占一行) ：跨度 跨距 范围。
   两者皆没有语义，是网络布局上的两个盒子。

 (5) 文本格式

   加粗： (后者色彩跟强烈，常用)
   倾斜： (后者色彩跟强烈，常用)
   删除键： (后者色彩跟强烈，常用)
   下划线： (后者色彩跟强烈，常用)

 (6) 图像标签img(重点)

   (单标签)
  1.基本图像插入

   

  2.带有alt的图像

   

  3.带有tiltle的图片

   

  4.带有宽度的图片

    只定义其中一项，另一项将自动调节
   

    长宽自定义
    < br />
  5.带有边框的图片

   


 (7) 链接标签 (重点)

  a:anchor的缩写，锚，铁锚
  href :Hypertext Reference(超文本引用)
   百度
  target:
    打开另一个新的标签网页
   百度
   在原网页的上打开另一个网页（不打开新标签页）
   百度

 (8)锚点定位（难点）

   个人生活 ————>目录
   

个人生活

————>段落

 (9)base标签

    
    
      
      
    
    
      百度

      新浪

      京东

      搜狐

      网易

    
    

 (10) 特殊字符

     : 空格
    < :小于号 <
    > :大于号 >
    …

 (11) 注释标签

   

 (12) 相对路径

  相对路径 ：下一级
   
  相对路径:上一级
   

 (13) 绝对路径

   
   

 (14) 列表标签

   无序列表ul(重点)：

           <ul>
              <li>苹果</li>
              <li>香蕉</li>
              <li>橘子</li>
              <li>
                <h4>水果蔬菜</h4>
                <p>西红柿</p>
              </li>
              ...
           </ul>

   1.

中只能嵌套

标签
   2.

中可容纳所有元素
   3. 无序列表带有自己的样式属性 CSS操作

  有序列表ol(了解)：

           <h3>世界上最好看的人</h3>
           <ol>
             <li>我</li>
             <li>你</li>
             <li>他</li>
           </ol>

   1.

中只能嵌套

标签
   2.

中可容纳所有元素
   3. 无序列表带有自己的样式属性 CSS操作

  自定义列表(理解)：

           <dl>
              <dt>名词1</dt>
              <dd>名词1的解释</dd>
              ...
              <dt>名词2</dt>
              <dd>名词2的解释1</dd>
              <dd>名词2的解释2</dd>
              ...
            </dl>
            <dl>
              <dt>名词1</dt>
              <dd>名词1的解释1</dd>
              <dd>名词1的解释2</dd>
              <dd>名词1的解释3</dd>
              ...
            </dl>