【HTML】 一、HTML的语法

2019-02-24  本文已影响0人  子午禾苇

HTML标记语言

一、HTML的语法
二、html的基本结构
三、文档设置标记
四、图像标记
五、超链接的使用
六、表格
七、HTML框架
八、表单设计

一、HTML的语法

1. 什么是HTML标记语言

表示网页信息的符号标记语言
特点
a) 可以设置文本的格式，比如标题、字号、文本颜色、段落等等
b) 可以创建列表
c) 可以插入图像和媒体
d) 可以建立表格
e) 超链接，可以使用鼠标点击超链接来实现页面之间的跳转

2. HTML的标记和他的属性

1) HTML文档的保存格式

2) 标记和被标记的内容构建出HTML文档

格式 <标记> 内容 </标记>

3) 标记的属性

3. ❗️语法不区分字母大小写

<HTML>、<Html>、<html>都是定义相同的标记，但是在编写网页的时候尽量使用小写

4. 文档注释

❗️注释一段内容时使用“< !--”开始，以"-->"结束（使用时去掉空格）

5. 代码格式

空格键和回车键在网页中都不会起到任何作用，无论多少个空格键和回车键都会被替换成一个空格键，我们为了让代码清晰易读，可以使用空格和回车键进行编排。
⚠️：缩进时保持严格的规则，以“Tab”键进行缩进！

6. 字符实体

1) 什么是字符实体？

比如我们想在网页上面显示一个“<”小于符号，但是“<”在HTML中是文档标记的开始语言， 如果我们直接使用“<”可能会出差错，所以我们就会一些实体名称来代替！

2) 常见的字符实体⭐️

显示结果 描述 实体名称 实体编号
空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号 &apos;(IE不支持) &#39
￠ 分 &cent; &#162;
£ 镑 &pound &#163;
¥ 日圆 &yen; &#165;
€ 欧元 &euro; &#8364;
§ 小节 &sect; &#167;
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
™ 商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

正常情况下，HTML会截短文本中的空格。想要在文本中添加多个空格需要采用字符实体。

上一篇下一篇

猜你喜欢

热点阅读