青训营X豆包MarsCode 技术训练营第一课 | 豆包MarsCode AI 刷题

62 阅读2分钟

HTML简介

1.HTML定义

定义:HTML超文本标记语言——HyperText Markup Language
Q:超文本是什么?
A:链接
Q:标记是什么?
A:标记也叫标签,带尖括号的文本

2.标签语法

事例: <b>需要加粗的文字</b>
  注释:<b>开始标签
             </b>结束标签
笔记:(1)标签成对出现,中间包裹内容
(2)<  >嵌入标签名
(3)结束标签比开始标签多了"/"
(4)标签分为单标签和双标签:
    双标签:成对出现的标签
    单标签:只有开始标签,没有结束标签
eg.<br>换行
<hr>水平线

复习

Q:1. 保存 HTML 标签的文件扩展名是什么?
.htm/
Q:2. HTML标签名要放到什么括号里面?
<尖括号>
Q:3. 结束标签比开始标签多什么?
/
Q:4.标签包裹的内容放在什么位置?
开始标签和结束标签之间
<strong>文字内容</strong>

3.基本骨架

html:整个网页
head:网页头部,用来存放给浏览器看的信息,例如CSS
    title:网页标题
body:网页主体,用来存放给用户看的信总,例如图片、文字
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML</title>
</head>
<body>
</body>
</html>

4.标签关系

作用:明确标签的书写位——让代码格式更整齐

A  父子关系(嵌套关系)

<html>
    <head></head>
</html>

B  兄弟关系(并列关系)

 <head></head>
 <body></body>

! 代码格式
父子关系:子级标签换行且缩进(Tab键)
兄弟关系:兄弟标签换行要对齐

5.注释

注释就是对代码的解释和说明,其目的是让人们能够更加轻松地了解代码。注释是编写程序时,写程序的人给一个语句、程序段、函数等的解释或提示,能提高程序代码的可读性。

在编写HTML代码时,我们经常要在一些关键代码旁做一下注释,这样做的好处很多,比如:方便理解、方便查找或方便项目组里的其它程序员了解你的代码,而且可以方使以后你对自己代码进行修改。学习和工作中,关键代码都要加注释.

注释标签用来在源文档中适入注释,注释不会在浏览器中显示。

6.标题标签

一般用在新闻标题、文章标题、网页区域名称、产品名称等等。
标签名:h1~h6(双标签)

显示特点: 文字加粗
字号逐渐减小
独占一行(换行)

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题