html入门之第一篇

html

html 全称是超文本标记语言
超文本：文本+非文本（图片 视频 音频）

什么是HTML？
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language）

• HTML 不是一种编程语言，而是一种标记语言 (markup language)
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页

超文本：文本 + 非文本（图片、音频、视频等）

！DOCTYPE HTML : 声明：告诉浏览器这是一个HTML类型
HTML LANG=‘EN’ 根标签 ， 所有的HTML代码都写在HTML标签里面
head标签 ：元信息 引入js代码 css代码
UTF-8(国际编码) 设置浏览器编码格式 防止乱码
title 页面的标题

body标签：所有的HTML代码 都要写在body中

大部分标签都是双的

4、HTML的注释
主用是用于不需要展示在页面上，只是为了后面再看代码的时候能够更快知道这一块代码的用处

HTML的常用标签
单纯的文字会让网页显得枯燥，所以H5提供了许许多多的标签


标签的属性

单标签：<单词>

双标签：<单词><单词/>

标题与段落：

    <!-- 标题<h1>-<h6> -->
    <!-- 标题标签
    <h1>h1标签</h1>
    <h2>h2标签</h2>
    <h3>h3标签</h3>
    <h4>h4标签</h4>
    <h5>h5标签</h5>
    <h6>h6标签</h6> -->
    <!-- 段落标签<p></p> -->
    <p>这是一个段落标签</p>
    <p>这是一个段落标签</p>
    <p>这是一个段落标签</p>
    <p>这是一个段落标签</p>

文本标签：
br 换行
strong文本加粗
em 表示强调，文本斜体
sup上标标签

   <p>a<sup>2</sup></p>

 sub 下标标签
H<sub>2</sub>o<br>`
<del></del> 删除标签，在文本中间加一条横线表示文本删除 
<del>原价：19999</del>
<ins></ins> 下划线，给文本内容添加下划线 
<ins>现价：16999</ins>
嵌套 ：

    <strong><em>文本修饰标签</em></strong>

图片标签：
 <!-- src：图片的地址 -->
    <!-- alt：图片加载失败后会显示的文本内容 -->
    <!-- title：所有标签都有的一个属性 -->
    <img src="./练习.jpg" alt="图片加载失败" title="练习">

<!-- 相对路径与绝对路径 -->
    <!-- 相对路径：对应的是当前文件的路径 -->
    <!-- ./当前的文件路径 -->
    <!-- ../当前的文件的上一级路径 -->
    <!-- 绝对路径：对应的是盘符开始的路径 -->



跳转链接：a  
href：指的是目标地址（绝对地址  http ）

target：页面的跳转方式

_self:  当前页面直接跳转
_blank:  打开新窗口
如果要统一新开页面，可以使用<base target="_blank">，在head 里面写


跳转 锚点：
a标签配合和p标签配合

跳转锚点：
 href属性使用 #+id（a与p标签可以混合使用，没有限制）
 id=“ 1 ” 则  href=“#1"
 


href属性使用   #+name（ 必须都是a标签配合使用）
name="2"   则  name=”#2“

特殊字符：  （了解）

列表标签：
 
无序列表：ul  和 li必须搭配使用，ul嵌套li
有序列表：ol   和 li 必须搭配使用  ol嵌套li
                 type：定义排序规则
                 
定义列表： dl和dt和dd必须搭配使用  dl嵌套dt嵌套dd
        dl：声明一个定义列表
        dt：声明一个定义项
        dd: 对定义项的解释 
        
        嵌套列表：列表之间可以嵌套的    用ul 嵌套li，多层嵌套