HTML基本标签

注：！+tab或者HTML：5生成文档结构的快捷键

标题标签

    <div>我是div标签</div>
    <span>我是span标签</span>
    <h1>我是1级标题标签</h1>
    <h2>我是2级标题标签</h2>
    <h3>我是3级标题标签</h3>
    <h4>我是4级标题标签</h4>
    <h5>我是5级标题标签</h5>
    <h6>我是6级标题标签</h6>

    1.从h1到h6共6级 字体大小和重要性递减
    2.一般一级标题在文档中只出现一次
    3.标题标签是块标签
    4.文档中常出现的是h3、h4标签 

img标签

    <img width="100" height="100" src="img/1.jpg" alt="蓝鸥的logo">
	<img width="100" height="100" src="img/2.jpg" alt="该图片无法正常显示">

    1.img标本身是一个空标签，内容是由属性值撑开的，它具有行标签与块标签的特性，支持宽高，可以同行显示，这类标签可以称之为内联块标签 
    2.src属性，填入图片的相对路径
    3.alt属性，当图片因为种种问题没有办法成功加载显示，用属性值里的文本作为替代显示内容，
    它另外的作用是里面的内容用来被搜索引擎爬取。  

a标签

    <a href="https://www.baidu.com" target="_blank">前往百度</a>
	<a href="https://www.taobao.com" target="_self">前往淘宝</a>

     a标签是行标签
    1.标签内容是跳转链接的文本内容，宽高由其撑开
    2.跳转的链接地址写在Href属性里
    3.target属性可以设置页面跳转的方式 _self当前页面进行跳转，_blank在空白页面进行跳转

其他标签

    <p>我是段落标签paragraph</p>
	<p>我也是段落标签</p>

    p标签是段落标签，也是块标签 是一个有语义的标签

   一个汉字占据三个字符，一个英文字母占据一个字符，空格占位符 只占据一个字符

    <ol type="a" start="4" reversed="reversed">
		<li>北京</li>
		<li>上海</li>
		<li>广州</li>
		<li>深圳</li>
	</ol>

    ol>li是组合标签，ol直属子级必须是li标签有序列表标签
    1.type "1" "a" "A" "I" "i"古罗马数字 
    2.start属性值填写数字，表示从何位置开始
    3.reversed属性用来定义反向排序，属性值为reversed
    4.ol,li都是块标签

    <ul style="list-style:none;">
		<li>孙大壮</li>
		<li>你最帅</li>
		<li>你最牛</li>
		<li>你最棒</li>
	</ul>

ul>li同样是组合标签，都是块标签

<hr/>

水平线标签。默认宽度是父级宽度 

<br/>

br换行标签，标签前的文本内容有填充空格直到充满一行，标签后的内容另起一行

        <blockquote cite="https://xxx.com/blog">  
			你们是早上八九点钟的太阳，世界是属于你们的，
			也是属于们的，但归根到底是你们的！
		</blockquote>

<q cite="xxx.com">放肆！</q>

blockquote是块引用标签，也就是长引用，自带样式
q(quote)是短引用标签，内容自动生成引号，这两个标签都有cite属性，属性值表明引用的出处

    <pre>
		for(var i=o;i<10;i++){
	console.log("hello world");
	}
	</pre>

pre标签定义预格式化文本，文本原本具有的排列格式在标签内保留呈现

    <em>我是强调的文本</em>
	<strong>我是重要性更高的强调</strong>

em,strong都是起强调作用的标签，默认的样式em为斜体字，strong是加粗加黑