认识HTML文件基础标签

html部分标签的认识

<!--<!DOCTYPE html>  对应关系-->
<!DOCTYPE html>
<!--html标签只能有一个 lang="en" 标签中的属性， 标签内部可以写属性 -->
<html lang="en">

<!--头标签 只能有一个头 -->
<head>
    <!-- head中的标签都看不见，出来title-->
    <!--meta自闭合标签 指定编码-->
    <meta charset="UTF-8">
    <!--三秒刷新一次-->
    <!--<meta http-equiv="Refresh" CONTENT="3">-->

    <!--3秒之后跳转-->
    <!--<meta http-equiv="Refresh" CONTENT="3;Url=http://www.baidu.com">-->

    <!-- 给网站添加关键字，便于搜索-->
    <meta name="keywords" content="汽车,汽车之家,汽车网,汽车报价,汽车图片,新闻,评测,社区,俱乐部" />

    <!-- 给网站描述-->
    <meta name="description" content="汽车之家为您提供最新汽车报价，汽车图片，汽车价格大全，最精彩的汽车新闻、行情、评测、导购内容，是提供信息最快最全的中国汽车网站。" />

    <!--IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />

    <!--网页的标题-->
    <title>Title</title>

    <!--给网页加小图标-->
    <link rel="shorcut icon" href="favicon.ico"/>
    <style></style>
    <script></script>
</head>

<!--主体标签 只能有一个身体-->
<body>
<!-- a标签可以加链接 做锚点-->
    <a href="http://www.baidu.com"> 空格和特殊字符 &lt;&lt;&nbsp;&nbsp;空格&nbsp;&gt;&gt;可以查表不需要记&nbsp;</a>

<!-- p标签 表示段落 块级元素<div>,<h1>, <p>, <ul>, <table> 占一整行 -->
    <p>p标签 表示段落 块级元素 占一行 特点是段落与段落之间有间距<br/>
        &lt;br&gt;用br标签实现换行，他是自闭和标签
    </p>
    <p>p标签 表示段落 块级元素占一行 特点是段落与段落之间有间距<br/>
        &lt;br&gt;用br标签实现换行，他是自闭和标签
    </p>

    <h1>标题块级元素即使类容少也占一行</h1>
    <h2>h标签特点加大加粗</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题只有6个标签</h6>
    <span>&lt;span&gt;内联元素只占本身的大小 自身不带特性，css可以变他的样式</span>
    <span>&lt;span&gt;内联元素只占本身的大小</span>
    <span>&lt;span&gt;内联元素只占本身的大小</span>
    <span>&lt;span&gt;内联元素只占本身的大小</span>

    <h1>div标签</h1>
    <div>div标签块级元素</div>
    <div>div+css</div>
    <div>1、标签和标签之间可以嵌套</div>
    <div>2、标签存在的意义是为了 定位操作 使 css 和js操作更加方便</div>

</body>

</html>
View Code

 

posted @ 2019-02-20 22:33  平平无奇小辣鸡  阅读(72)  评论(0)    收藏  举报