html的定义
HTML超文本标记语言----Hyper Text Markup Language
什么是超文本?
超文本简单来说就是我们经常在网页中点的一个链接
标记又是什么?
标记在html也叫标签
标签的案例:
标签的语法
标签都是成对出现的中间包裹内容
标签里面放英文字母(标签名)
结束的标签比开始的标签多/
*****成对出现的标签叫做双标签
*****只有开始标签没有结束标签的叫做单标签,比如:<br>(换行)和<hr>(水平线)
一个简单的加粗案例
折叠菜单的快捷按键(ctrl+b)
没加标签之前的演示
加了标签之后的演示
HTML的基本骨架
<html></html>:整个网页的标签
<head></head> :网页头部的标签:用来存放给浏览器看的内容,比如css
<body></body>:主体的标签,用来存放网页的主体,比如文字图片
<title></title>:网页的标题
vscode生成骨架
在html中输入!然后回车
标签的关系
作用:明确标签的书写位置,让代码格式更整齐
*父子关系(嵌套关系)
就比如:<html>标签和<body>标签
在嵌套关系中,html称为父标签,body称为字标签
*兄弟关系(并列关系)
就比如<head>和<body>
*代码的格式
父子关系:子标签换行且缩进
并列关系:兄弟标签要换行和对齐
标签关系的案例
注释
注释是对代码的一个解释说明,其目的是让人们更加轻松的了解代码,注释是编写程序的时候,写程序的人给的一个语句,程序段,函数等的解释或者提示,极大的提高了代码的可读性
在编写html的时候,我们经常在一些关键的代码旁边加上注释,这样的好处有很多,就比如,方便理解,和方便查找,方便项目组里的其他程序员了解你的代码而且方便以后你自己修改你自己的代码,学习的过程中,关键的代码都要加注释
注释的写法:
<!--...-->注释标签用于在源代码中插入注释,注释不会再浏览器中显示
添加和删除注释的快捷键ctrl+/
注释的案例
标题标签
一般用在新闻标题和文章的标题,网页区域名称或者产品的名称等等
标题的标签<h1>-<h6>(双标签)
标题标签显示的效果
*文字加粗
*文字逐渐减小
*独占一行(换行)
标题标签:
经验分享:
h1标题标签一般只在页面中用一次,用来存放新闻的标题或者公司的logo
h2-h6没有次数的限制
段落标签
用在新闻,或者是文章,产品描述信息等
写法<p>(双标签)
显示的特点: 独占一行
两端之间存在间隙
标签的一个案例: