HTML

HTML

1.1 简介:

一个网页由三个元素所组成:分别是结构、表现、行为。其中结构确定了网页的布局。而实现网页结构的技术就是HTML.

HTML的全称是超文本标记语言

相对应的是纯文本语言。纯文本指的是只能在纯文本编辑器中打开,只保存文本格式的文件,比如txt。

超指的是超链接。

标记指的是标签。也就是元素。

1.2 HTML的标准格式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标准格式</title>
</head>
<body>

</body>
</html>

其中:

  1. < !DOCTYPE html> 用来声明使用的版本
  2. 2.< html lang=“en”> < /html> 是根标签
  3. < meta charset=“UTF-8”> meta标签用来设置网页的一些元数据,比如设置编码格式charset=“utf-8” 比如网站关键词描述< meta name=“keywords” content=“html”> meta标签中的关键字描述不会影响搜索引擎的排名
  4. 4.正常网页的所有内容都需要放在 < body> 标签中
  5. 5.Title 标签,就是网站的小标题名称;
1.3 怪异模式

浏览器内置了两种模式,一种普通模式。一种怪异模式。使用怪异模式是为了兼容低版本的HTML。但是使用怪异模式会有一些意想不到的错误。因此我们需要尽量避免使用怪异模式。而避免的方式就是声明版本号。

1.4 HTML5的语法规则

1.html5不区分大小写,但是一般使用小写

2.注释不能嵌套

3.标签必须完整

4.标签可以嵌套但是不能交叉嵌套

5.html里面的属性必须有值,并且必须加引号

1.5 HTML的发展史
  • HTML 1993年
  • HTML2.0 1995年
  • HTML3.2 1996年 (W3C推荐标椎)
  • HTML4.0
  • HTML4.01 (微小改进)
  • XHTML1.0 2000年
  • XHTML2.0 由于改动过大,学习成本高了,胎死腹中!
  • HTML5 (最新版) 2004 2007正式纳入新成立的HTML工作团队!
  • 2013 HTML 5.1 草案~

基本标签

2.1 标题标签
<body>
<H1>一级标题</H1>
<H2>二级标题</H2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
</body>

注意:我们并不关注标签内容的表现形式.我们只重视标签的语义.

2.2 段落标签
<body>
<p>蜀道难</p>
<p>难于上青天</p>
蜀道难
难于上青天
</body>

代表一个自然段,同样的,我们只关注他的语义。

2.3 换行标签
<body>
属地的灶台旁,挂上了一串熏肉.<br/>农家的炊烟徐徐升于空山新雨后
</body>
2.4 水平线标签
<body>
<hr>
</body>
2.5 字体样式标签
<body>
<!--粗体-->
<strong>天青色等烟雨,而我在等你</strong>
<!--斜体-->
<em>炊烟渺渺升起,隔江千万里</em>
</body>
2.6 特殊符号标签

html在源码中连续写多个空格号也只会识别一个。所以需要用特殊符号来代替空格。

大于小于号被赋予了特殊的含义。所以也需要特殊符号

<body>
<!--空格-->
梅&nbsp;&nbsp;&nbsp;&nbsp;子&nbsp;&nbsp;&nbsp;青&nbsp;&nbsp;转&nbsp;黄

<!--大于小于-->
<!--大于-->
&gt;
<!--小于-->
&lt;

<!--版权符号-->
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值