寒假Web前端学习-HTML基础一

博主寒假自学web前端的笔记，写这个也是想看看自己的学习进度，顺便督促以下自己。

有一说一，中国大学MOOC是真的好用，感兴趣的都可以去看看，好的大学没有围墙。

Web前端

一.HTML基础
    /-命令 文档类型：符合HTML5标准/
"en">   /lang 属性：搜索引擎 en 英文zh 中文

"UTF-8">  //:元数据/
    charset 属性：字符集编码方式
           浏览器：UTF-8 国际编码。所有语言占用空间小
                          GB2312 简体中文



在这里插入代码片

《HTML标签》

*标题h1~h6
标题内容
h1> 一个页面建议只有一个h1
例
一级标题 heading
二级标题 heading
六级标题 heading
在这里插入代码片

效果图

*段落p
段落内容

例：
这是段落，每个段落自动换行。
这是段落，每个段落自动换行。
段落内部文字忽略连续 空格，
也不会显示空行，且不会换行
在这里插入代码片

效果图

*段内换行 br

 单独出现的标签，直接结束

例：
这是一个段落。
注意规范的写法/保留。
在这里插入代码片

效果图

*空格符 ;

例：

段落内部文字忽略连续的 ; ; ;空格。

也不会显示空行，且不会换行


在这里插入代码片

效果图

*预留格式pre
定义预留格式化的文本
文本中的空格和换行符会被保留

例 
《咏桂》

暗淡轻黄体性柔，
情疏迹远只香留。
何须浅碧深红色，
自是花中第一流。


《咏桂》


暗淡轻黄体性柔，
情疏迹远只香留。
何须浅碧深红色，
自是花中第一流。



在这里插入代码片

效果图

*行内组合span 组合行内元素，以便通过CSS样式来格式化
例


中国人口最新报告


在这里插入代码片

效果图

*水平线

例：
正文段落

正文段落

*注释
注释不会在浏览器中显示，但注释可以跨行。