lovecoding
/
VIP26


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
							<!-- 文档流 -->
<!DOCTYPE html>
<html lang=""en>
    <head>
        <meta charset="utf-8">
        <title>复习</title>
    </head>
    <body>
        <!-- 页面中展示的内容写在body标签中 -->
        <!-- 
            标签：
                1.闭合标签 空标签
                2.块级元素 行内元素 => 行内块元素
                3.HTML标签
                4.H5标签（暂时不讲）
            块级元素：
                1.div 划分文本区域
                2.h(h1~h6) 标题标签 字体放大加粗 逐级减小
                3.p 段落 文本
                4.br 换行
                5.hr 分割线
                6.ul li 无序列表 type:disc(实心圆) square(实心正方形) circle(空心圆)
                7.ol li 有序列表 type：1 A a i I; start:从...开始；reversed倒序
                8.dl dt dd图文混排列表 dt 图片 dd 文字
                特点：独占一行，可以修改宽高的，块级元素可以包含行内元素
            行内元素:
                1.加粗 b strong(强调语义化)
                2.倾斜 i em(强调语义化)
                3.下划线 u
                4.删除线 s
                5.下标 sub
                6.上标 sup
                7.区分代码块 span
                8.超链接 a
                    属性：href
                        1.放置要跳转路径地址
                        2.空字符串：刷新当前界面
                        3.# 跳会当前页面顶部
                    特点:在一行显示 ，设置宽高无效，行内元素不可以包含块级元素
            行内块元素：
                1.图片标签 img
                2.输入框 input
                特点：在一行显示，可以修改宽高，行内块元素一行时中间有空白的间隙
         -->
         <div>
            <h1>我的简历</h1>
            <a href="http://www.baidu.com">跳转1</a>
            <a href="">跳转2</a>
            <p>我是一段<u>内容</u>我是<s>一段</s>内容我是<sub>1</sub>一段内容<sup>3</sup>我是一段内容<span style="color: red;">我是一段</span>内容我是一段内容我是一段内容我是一段内容我是一段内容</p>
            <p>我是<b>一段</b><strong>内容</strong><i>我是</i><em>一段</em>内容<br>我是一段内容<hr>我是一段内容我是一段内容</p>
            <ul type="circle">
                <li>内容1</li>
                <li>内容2</li>
                <li>内容3</li>
            </ul>
            <ul type="circle">
                <li>内容1</li>
                <li>内容2</li>
                <li>内容3</li>
            </ul>
            <ul type="circle">
                <li>内容1</li>
                <li>内容2</li>
                <li>内容3</li>
            </ul>
            <ul type="circle">
                <li>内容1</li>
                <li>内容2</li>
                <li>内容3</li>
            </ul>
            <ol type="1" reversed>
                <li>有序1</li>
                <li>有序2</li>
                <li>有序3</li>
            </ol>
            <dl>
                <dt>
                    <img src="./images/img01.gif" alt="">
                    <img src="./images/img01.gif" alt="">
                    <img src="./images/img01.gif" alt="">
                </dt>
                <dd>
                    这是一张圣诞老人的图片
                </dd>
            </dl>
            <a href="#">跳转3</a>
         </div>
    </body>
</html>