HTML简介
1.HTML定义
定义:HTML超文本标记语言——HyperText Markup LanguageQ:超文本是什么?
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(双标签)
显示特点:
文字加粗
字号逐渐减小
独占一行(换行)