HTML&CSS基础-html常用的标签
作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。
一.html的源代码
<!DOCTYPE html> <html> <head> <!-- 需要来告诉浏览器,网页所采用的编码字符集 meta标签用来设置网页的一些元数据,比如网页的字符集,关键字,简介等 meta时一个自结束标签,编写一个自结束标签时,可以在开始标签中添加一个"/" --> <meta charset="utf-8"/> <title>尹正杰的网页</title> <head> <body> <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1> <!-- 在html中,一共有六级标题标签,即h1~h6,如果大于h6的标签则不支持,虽不会报错但数据会原样输出; 在显示效果上h1最大,h6最小,但是文字的大小我们并不关心; 使用html标签是,关心的是标签的语义,我们使用的标签都是语义化标签; 6级标签中,h1的最重要,表示一个网页中的主要内容,h2~h6重要性依次降低; 对于搜索引擎来说,h1的重要性仅次于title,搜索引擎检索完title,会立即查看h1中的内容; 一般页面中标题标签只使用h1,h2,h3,h3以后的基本不适用。 --> <h1>标题标签</h1> <h2>标题标签</h2> <h3>标题标签</h3> <h4>标题标签</h4> <h5>标题标签</h5> <h6>标题标签</h6> <h7>标题标签</h7> <h8>标题标签</h8> <!-- 段落标签,段落标签用于表示内容中一共自然段; 使用p标签来表示一共段落; p标签中的文件,默认独占一行,并且段与段之间会有一个间距; --> <p>我是一个p标签,我用来表示一个段落</p> <p>我是一个p标签,我用来表示一个段落</p> <!-- 在html中,字符之间写再多的空格(包括换行符在内),浏览器也会当成一个空格解析。 --> <p> 床前明月光, 疑是地上霜, 举头望明月, 低头思故乡。 </p> <!-- 在页面中可以使用br标签来表示一个换行,br标签是一个自结束标签 --> <p> 床前明月光,<br /> 疑是地上霜,<br /> 举头望明月,<br /> 低头思故乡。 </p> <!-- hr标签也是一个自结束标签,可以在页面中生成一条水平线。 --> <hr /> </body> </html>
二.浏览器打开以上代码渲染结果