第一天

1.

    <!--标题标签
            特点：默认自带加粗效果；独占一整行；纵向排列
                h1最大，h6最小，总共六个级别
                
                1.文本标签：文章标题
            应用场景：新闻稿件，论文编写，百度百科
            基本语法：双标签
                <h1></h1>
            h1==大标题，网站的logo区域设置盒子
            h2==二级标题
            h3==三级标题：目录
    -->
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6>

2.

<!-- 有序列表：
        含义：有顺序的列表，体现顺序性：
            基本语法：ol=orderlist
                <ol>
                    <li>文本</li>
                    <li>文本</li>
                    <li>文本</li>
                </ol>
            注意事项：
                1）ol里面只能放置li；不能放置其他元素
                2）如果非要嵌套的话，则需要在li里面嵌套
        ol的标签属性
            type="列表项的样式类型"
            取值：A/a/I/i/1
            start="控制列表项的起始"
                让他从第几个开始；取值只是数值没有任何的单位 -->
    <ol type="A",start="2">
        <li>第一步：因为爱情</li>
        <li>第二步：因为爱情</li>
        <li>第三步：因为爱情</li>
        <li>第四步：因为爱情</li>
        <li>第五步：因为爱情</li>
        <li>第六步：因为爱情</li>
    </ol>

3.

<!-- 无序列表：
            含义：没有顺序的列表，没有顺序性
                基本语法:<ul>
                        <li>文本</li>
                        <li>文本</li>
                        <li>文本</li>
                        </ul>
                默认的黑色实心圆来开始显示的===无序列表(ul=unorder list)
            ul的标签属性    type=""-
                    取值:disc=====黑色实心圆点
                        circle====空心圆(圆环)
                        square====黑色实心正方形
                        none======取消列表项
                    以上四个值：哪一个应用的屏率比较高呢？==实际开发
                        none===实际开发的时候，所有的列表项，使用===背景完成-->
    <ul type="circle">
        <li>接电话</li>
        <li>取外卖</li>
        <li>开始吃饭啦</li>
    </ul>

4.

<!-- 自定义列表: 含义：自定义的列表
                    应用：图文排列，问答列表，==小米官网
                    基本语法：
                        <dl>
                            <dt></dt>
                            <dd></dd>
                        </dl>
                    注意事项：
                        1）dl里面可以放多个dt和多个dd；但一般情况下只放置一个dt和一个dd
                        2）dl与dt，dd===父子关系，都是双标签
                            图文混排===dt===图片，dd===文本
     -->
    <dl>
        <dt>问题：哪里发展</dt>
        <dd>回答：广东发展</dd>
    </dl>
    <dl>
        <dt>问题：喜欢男生还是女生</dt>
        <dd>回答：喜欢男生</dd>
    </dl>

5.

<!-- 水平线：
            hr标签：单标签
            <hr width="宽度" size="高度" color="颜色" noshade align="水平对齐方式">
     -->

    <!-- img图片标签
            图片标签的属性
            <img src="路径属性">
                alt="提示文本"  
                    特点：只有文本为破损图片的时候才会显示提示文本；不是破损文本不会提示
                title="提示文本"
                    特点：只有鼠标放上去的时候才有提示文本
                
                问题：alt和title两个都是提示文本区别是什么？(面试题)
                    相同点：都是提示文本
                    不同点：alt：必须是破损文件的时候才会显示
                            title：无论是否为破损文件，都会提示：只要鼠标放上去即可
                            alt提示文本占位置，title不占位置
                            alt是图片属性，title任何一个标签上面都能添加
                        为啥要使用alt和title属性呢
                            为了方便网站优化。方便爬虫提取你的网站数据；提高搜索引擎优化
                        width和height属性
                            控制图片的大小显示
                            但是实际开发的时候：不会使用代码控制图片的大小；为啥？让图片变形和失真
                            如果宽度和高度只设置一个属性的话，另一个属性的取值会根据等比例放大或者缩小-->