美文网首页
【HTML】 一、HTML的语法

【HTML】 一、HTML的语法

作者: 子午禾苇 | 来源:发表于2019-02-24 20:04 被阅读0次

HTML标记语言

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

一、HTML的语法

1. 什么是HTML标记语言

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

2. HTML的标记和他的属性

1) HTML文档的保存格式

  • .html
  • .htm
  • .xhtml

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

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

3) 标记的属性

  • 用来控制内容(图像、文本等的)如何显示
    格式 <标记 属性1=属性值 属性2=属性值 ... ... >内容</标记>
    例如<body bgcolor="red">内容</body>
  • 以上的属性是用来控制我们的网页的背景颜色,bgcolor就是body的属性,他的值是red(红色)

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会截短文本中的空格。想要在文本中添加多个空格需要采用字符实体。

相关文章

  • 【HTML】 一、HTML的语法

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

  • HTML5语法,标签, 属性

    @(HTML5)[HTML5 语法, HTML5标签, HTML5属性] [TOC] 一 、HTML5语法,标签,...

  • 二、HTML语法规范、骨架代码、开发工具VSCode

    一、HTML语法规范 1.1 基本语法概述 HTML标签是由,例如:。 HTML标签,例如: 和 ,我们称为。标签...

  • HTML:基础(2)元素

    HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素语法 HTML 元素以开始标签起始 HTML...

  • 7 - CSS

    外连样式(推荐) html语法 @import "style2.css";css语法 内连样式 html语法 (一...

  • HTML与CSS之HTML的基础语法

    HTML的基础语法 ** HTML ​ HTML(HyperText Markup Language)就是超文本标...

  • HTML Syntax(HTML 语法)

    简单介绍HTML,学习入门自用=-= 以下笔记摘抄全部来自优达学城,感谢优达让我入门。 HTML 结构第1部分 通...

  • 03 HTML : HTML语法

    1.语法 每个元素由开始标签、内容和结束标签组成: HTML的语法结构 如果是自闭合标签就不需要结束标签了: 标签...

  • HTML链接-09

    HTML 超链接(链接) HTML 链接语法 实例: HTML 链接 - target 属性 HTML 链接- i...

  • HTML元素-04

    HTML 元素 HTML 元素语法 HTML 文档实例 HTML 实例解析 不要忘记结束标签 HTML 空元素 H...

网友评论

      本文标题:【HTML】 一、HTML的语法

      本文链接:https://www.haomeiwen.com/subject/qrwbyqtx.html