Web前端学习笔记（1）——HTML

html

前言

学习视频链接：web前端开发-HTML+CSS 零基础权威编程入学宝典 2021最新web前端工程师开发框架全套视频教程【渡一教育】程序员新手必看完整版

注释

<!-- 注释内容 -->

<!--
    块注释
-->

空元素

没有结束标记的元素
1.<meta charset="UTF-8">
2.<meta charset="UTF-8" />

charset:指定网页内容编码

语义化

html不决定网页显示的内容样式，样式只由css决定

Emmet

web开发神器

乱数假文 lorem

乱数假文自动填充：lorem,后面可以接数字设置乱序文本字数：lorem100表示生成100词的乱序文本

>标签内的内容

[id=“cha”]属性

内容类别

html5以前版本：
块级元素：独占一行 h p
行内元素：span
html5已经弃用
在css代码中,块级元素

{
   display:block;}

行级元素

{
   diaplay:inline;}

HTML实体

html entity
类似于反义符号\，用于在页面中显示特殊符号
https://www.runoob.com/tags/ref-entities.html
https://dev.w3.org/html5/html-author/charref

• &单词；
  – 小于符号：<
  – 大于符号：>
  – 斜杠/：/
  – 空格： 
  – 版权©：©
  – &符号： &
• &#数字；

文本元素

• html5元素周期表

• MDN WEB DOCS

span

无语义元素,仅仅用于设置样式

<p>三原色包括：红，绿，蓝</p>
<p>三原色包括：<span style="color:"red">红</span>，<span style="color:"green">绿</span>,<span style="color:"blue">蓝</span></p>

pre

预格式化文本元素，可以忽略代码中的空白折叠
通常在于在网页中显示代码
功能本质是有默认的css：

{
   white-s