写点什么

HTML 笔记 2

作者:喜羊羊
  • 2022 年 9 月 10 日
    河南
  • 本文字数:1319 字

    阅读完需:约 4 分钟

HTML笔记2


测试编辑器


实体


meta 标签


语义化标签


结语


测试编辑器 1.安装 vscode2.安装中文语言包 3.尝试安装 ayu 主题 4.将一个目录作为项目目录 5.创建一个新网页 6.安装 live Server7.尝试通过 live Server 来运行网页 8.设置代码自动存储


<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8">


<title>Document</title>
复制代码


</body></html>


实体在网页中编写多个空格默认情况会自动被浏览器解析为一个空格


    在HTML中有些时候,我们不能直接书写一些特殊符号    比如:多个连续的空格,比如 字母两侧的大于和小于
如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符) 实体的语法: &实体的名字 &nbsp;空格 &gt;大于号 &lt;小于号 &copy;版权符号
复制代码


<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">


<title>实体</title>
复制代码


网页呈现


</body></html>


三秒后 网页自动进入百度页面


我们看京东的页面源码


name 指定数据的名称 content 指定数据的内容


keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开


语义化标签


    在网页中html专门负责网页的结构    所以在使用html标签时,应该关注的是标签的语义,而不是他的样式
标题标签 h1~h6一共有六级标签 从h1~h6重要性递减,h1最重要,h6最不重要 h1在网页中的重要性仅次于title标签 一般情况下页面中只会有一个h1 一般情况下标题标签只会使用h1~h3,h4~h6很少用
标题标签都是块元素
在页面中独占一行的元素称为块元素(block element)
复制代码


hgroup 标签来为标签分组,可以将一组相关的标题同时放入到 hgroup


p 标签表示页面中的一个段落


p 也是一个快元素


em 标签用于表示语音音调的一个加重


在页面中不会独占一行的元素称为行内元素(inline element)


strong 表示强调,重要内容


q 表示一个短引用 br 标签表示页面中的换行


<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">


<title>Document</title>
复制代码


<!--    hgroup标签来为标签分组,可以将一组相关的标题同时放入到hgroup--><hgroup>
<h1>11111</h1> <h2>22222</h2></hgroup><!-- p标签表示页面中的一个段落 p也是一个快元素--> <p>在p标签中的内容就表示一个段落</p>
<!-- em标签用于表示语音音调的一个加重 在页面中不会独占一行的元素称为行内元素(inline element) --> <p>今天心情<em>真</em>不错</p> <!-- strong表示强调,重要内容 --> <p>你可<strong>真棒</strong></p>
鲁迅说: <!-- blockquote表示一个长引用 --> <blockquote> 这句话我是从来没有说过的 </blockquote>
<!-- q表示一个短引用 --> 子曰:<q> 吾日三省吾身</q> <!-- br标签表示页面中的换行 --> <br> <br> 哈哈哈哈哈哈哈哈哈
复制代码


</body></html>


网页呈现效果


结语不得不说,vscode 真好用 !


w3school 可以查看一些 html 中标签含义 ,真不错

发布于: 刚刚阅读数: 4
用户头像

喜羊羊

关注

还未添加个人签名 2022.09.01 加入

还未添加个人简介

评论

发布
暂无评论
HTML笔记2_9月月更_喜羊羊_InfoQ写作社区