一:什么是HTML
HTML(HyperText Mark-up Language)即超文本标记语言或超文本标签语言
何为超文本:“超文本”可以实现页面内可以包含图片、链接,甚至音乐、程序等。
网页文件本身是一种文本文件,它通过标记符号来标记要显示的网页中的各个部分。
何为标记:当浏览器遇到对应的标签符号时 就实现对应的功能!
网页文件扩展名:.html .htm
----------------------------------------------------------------------------------------------------------------------------------------------------
二:HTML文件结构
<html> <!--HTML文件的声明开始-->
<head></head> <!--HTML文件的头部部分-->
<body></body> <!--HTML文件的主体部分-->
</html> <!--HTML文件的声明结束-->
----------------------------------------------------------------------------------------------------------------------------------------------------
三:标签分类
- 标签主要分为双边标签(innerHTML只能获取双边标签中的内容)与单边标签
- HTML标签通常是成对出现的(双边标签),比如 <div> 和 </div>
- 双边标签中的第一个标签是开始标签,第二个标签是结束标签;
- 也有单独呈现的标签(单边标签),如:<br />、<hr />和<img src=“images/1.jpg” />
- 双边标签,其内容在两个标签中间。如<h1>标题</h1>
- 单边标签,其内容在标签属性中赋值。<input type=“text” value=“按钮” />
块级标签和行内标签的区别:
1) 块级元素
● 霸占一行,不能与其他任何元素并列
● 能接受宽、高
● 如果不设置宽度,那么宽度将默认变为其父元素的100%。
2) 行内元素
● 与其他行内元素并排
● 不能设置宽、高。默认的宽度,就是内容的宽度。
块级元素:p、h1~h6 排版标签一般都是属于块级元素
行内元素:b、i、u、font、sup、sub 文本修饰标签一般都是属于行内元素
----------------------------------------------------------------------------------------------------------------------------------------------------
书写规则
- HTML标签是由一对尖括号包围的关键词,比如 <html>
- 标签名不区分大小写 但是建议使用小写 <font> <FONT> <Font>
- 如果标签中有属性 属性与标签名之间要有一个空格 如果一个标签内有多个属性 属性与属性之间要有一个空格 属性要写在开始标签中 不能写在结束标签中
- 如果标签中有属性 属性的值是需要加引号的 单引号和双引号都可以
- 每一个标签都需要关闭,单边标签需要使用反斜线关闭!
标签与标签之间的嵌套只能使用顺序嵌套 不能交叉嵌套
标签可以有若干个属性,也可以不带属性。如<head>标签就不带任何属性
----------------------------------------------------------------------------------------------------------------------------------------------------
四:注释
为什么要写注释?
比如:方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等。
可以在HTML文档中加入自己的注释。注释不会显示在页面中,它可以用来提醒程序员回忆相关的程序信息。
注释的格式:
<!—注释的内容-->
----------------------------------------------------------------------------------------------------------------------------------------------------
五:字符实体
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体。
空格 |
|
> |
> |
< |
< |
& |
& |
¥ |
¥ |
版权 |
© |
注册 |
® |
× |
× |
÷ |
÷ |