菜鸟HTML基础1

HTML


1.html是什么

菜鸟HTML基础1_第1张图片

1.1 html的发展史

菜鸟HTML基础1_第2张图片

1.2 W3C标准


菜鸟HTML基础1_第3张图片

1.3 html的简介

1.html的实例


菜鸟HTML基础1_第4张图片

1.4 html标签大全

1.标题标签

<h1>...h1> # 一级标题 
<h2>...h2> # 二级标题 
<h3>...h3> # 三级标题 
<h4>...h4> # 四级标题  
<h5>...h5> # 五级标题 
<h6>...h6> # 六级标题 

2.段落标签

<p>...p>

3.换行标签

<br/>

4.水平线标签

<hr/>

5.字体样式标签


加粗:<strong>strong> 斜体:<em>em>

6.图像标签


1.图片格式

菜鸟HTML基础1_第5张图片

1.5 超链接


菜鸟HTML基础1_第6张图片

1.6 注释和特殊符号


1.注释

以 结尾 快捷键: Ctrl+/

​ 2.特殊符号

菜鸟HTML基础1_第7张图片

1.7 块元素和行内元素


1.块元素 : 无论内容多少,该元素独占一行(p、h1-h6…)
行内元素 : 内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)

1.8 列表、表格与媒体元素


1.列表

1.列表的定义 
列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以 便浏览者能更快捷地获得相应的信息

​ 2.列表的分类

  • 无序列表

  • 有序列表

  • 定义列表

1.无序列表
   <ul>
       <li>li>
ul>
特性:
1. 没有顺序,每个 
2. 标签独占一行(块元素)
3. 默认 
4. 标签项前面有个实心小圆点 
5. 一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等
2.有序列表
    <ol>
        <li>li>
ol>
特性:
1. 有顺序,每个
2. 标签独占一行(块元素)
3. 默认 
4. 标签项前面有顺序标记 
5. 一般用于排序类型的列表,如试卷、问卷选项等
3.定义列表
    <dl>
        <dt>dt>
        <dd>dd>
        <dd>dd>
dl>
特性:
1. 没有顺序,每个 标签、 标签独占一行(块元素)
2. 默认没有标记 
3. 一般用于一个标题下有一个或多个列表项的情况

​ 3.列表的对比

菜鸟HTML基础1_第8张图片

你可能感兴趣的:(菜鸟专区之html,html,html5)