网页基本信息&基本标签


Bootstrap可视化布局系统:https://www.bootcss.com/p/layoutit/



网页基本信息

<!-- DOCTYPE 告诉浏览器我们要使用什么规范 -->
<!DOCTYPE html>
<html lang="en">

<!--"ctrl+/"是注释的快捷键-->
<!-- head标签代表网页头部 -->
<head>

    <!--meta描述性标签，用来描述网站的一些信息-->
    <!--SEO是英文 Search Engine Optimization 的缩写，中文意思“搜索引擎优化-->
    <!--meta一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="keyword" content="first" >
    <meta name="description" content="my first web">

    <!-- title标签代表网页标题 -->
    <title>我的第一个网页</title>

</head>

<!-- body标签代表网页主体 -->
<body>
hello,world!
</body>

</html>

网页基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页的基本标签</title>
</head>
<body>

<!--标题标签-->
<h1>一级标签</h1>
<h6>六级标签</h6>

<!--对比组-->
第一段内容啊哈哈哈哈哈
第二段内容哈哈哈哈哈哈哈哈哈

<!--段落标签-->
<p>第一段内容啊哈哈哈哈哈</p>
<p>第二段内容哈哈哈哈哈哈哈哈哈</p>

<!--换行标签:间距更加紧凑-->
第一段内容啊哈哈哈哈哈<br/>
第二段内容哈哈哈哈哈哈哈哈哈<br/>

<!--水平线标签-->
<hr/>

<!--粗体，斜体-->
<h>字体样式标签</h>
粗体：<strong>love</strong>
粗体：<em>love</em>

<hr/>

<!--特殊符号-->
空     格<!--无论打多少个空格，最后只显示一个空格，因此要用多个空格时要用&nbsp;表示-->
空&nbsp;&nbsp;&nbsp;&nbsp;格

<hr/>
大于号：&gt;
<br/>
小于号:&lt;
<br/>
版权符号：&copy;版权所有卡卡发
<br/>
&backsim;
</body>
</html>

posted @ 2021-08-10 14:51  卡卡发  阅读(83)  评论(0)    收藏  举报