html的组成:标签+指令+转义字符+数据

1、标签

<>内的,以字母开头,可以结合合法字符(- 或者数字),能被浏览器解析的符号

<!DOCTYPE html> #这个是系统预定意义标签
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<karl><a-1> #这个是自定意义标签
</body>
</html>
PS:如果标签内是这样的格式<1>就是不合法的,要按照标签的合法格式去写
PS:标签的开头是没有/,结尾的标签有/,如<abc>XXXX</abc>

为什么要使用标签

标签具有功能:换行、规定编码集、可以控制数据(颜色,大小,字体)、控制位置等

2、指令

以<!> #尖括号内以!开头

(1)<!doctype> #规定文档类型

(2)<!-- 注释 -->

3、转义字符

以&;包裹  #在&;中间单词简写

普通转义字符表

字符 十进制 转义字符
" " &quot;
& & &amp;
< < &lt;
> > &gt;
不断开空格(non-breaking space)   &nbsp;

HTML特殊转义字符对照表
字符 十进制 转义字符 字符 十进制 转义字符 字符 十进制 转义字符
? ¡ &iexcl; Á Á &Aacute; á á &aacute;
¢ &cent; Â Â &circ; â &#226 &acirc;
£ &pound; Ã Ã &Atilde; ã ã &atilde;
¤ ¤ &curren; Ä Ä &Auml ä ä &auml;
¥ &yen; Å Å &ring; å å &aring;
| ¦ &brvbar; Æ Æ &AElig; æ æ &aelig;
§ § &sect; Ç Ç &Ccedil; ç ç &ccedil;
¨ ¨ &uml; È È &Egrave; è è &egrave;
© © &copy; É É &Eacute; é é &eacute;
a ª &ordf; Ê Ê &Ecirc; ê ê &ecirc;
? « &laquo; Ë Ë &Euml; ë ë &euml;
? ¬ &not; Ì Ì &Igrave; ì ì &igrave;
/x7f ­ &shy; Í Í &Iacute; í í &iacute;
® ® &reg; Î Î &Icirc; î î &icirc;
ˉ ¯ &macr; Ï Ï &Iuml; ï ï &iuml;
° ° &deg; Ð Ð &ETH; ð ð &ieth;
± ± &plusmn; Ñ Ñ &Ntilde; ñ ñ &ntilde;
2 ² &sup2; Ò Ò &Ograve; ò ò &ograve;
3 ³ &sup3; Ó Ó &Oacute; ó ó &oacute;
´ &acute; Ô Ô &Ocirc; ô ô &ocirc;
μ µ &micro; Õ Õ &Otilde; õ õ &otilde;
? &para; Ö Ö &Ouml; ö ö &ouml;
· · &middot; &times; × &times; ÷ ÷ &divide;
? ¸ &cedil; Ø Ø &Oslash; ø ø &oslash;
1 ¹ &sup1; Ù Ù &Ugrave; ù ù &ugrave;
o º &ordm; Ú Ú &Uacute; ú ú &uacute;
? » &raquo; Û Û &Ucirc; û û &ucirc;
? ¼ &frac14; Ü Ü &Uuml; ü ü &uuml;
? ½ &frac12; Ý Ý &Yacute; ý ý &yacute;
? ¾ &frac34; Þ Þ &THORN; þ þ &thorn;
? ¿ &iquest; ß ß &szlig; ÿ ÿ &yuml;
À À &Agrave; à à &agrave;  

4、数据

---文本、图片、视频、二进制

(1)HTML的组成(什么是标签、指令、转义字符、数据、标签字符表)的更多相关文章

  1. struts2学习(8)struts标签1(数据标签、控制标签)

    一.struts2标签简介: struts标签很多,功能强大,这是优点: 但是缺点的话,性能方面可能会,各方面速度啊啥的会降低:有人比较测试,struts性能比jstl低很多:   二.struts2 ...

  2. struts2标签库----数据标签详解

    上篇文章我们介绍struts2标签库中的控制标签的基本使用和部分原理,本篇文章接着了解下标签库中有关数据标签的使用和原理.主要涉及以下数据标签: action标签:用于在视图页面跳转到一个Action ...

  3. struts2:表单标签续(datetimepicker标签)

    18. datetimepicker标签 18.1 拷贝JAR包 在struts-2.x.x压缩包的lib目录中拷贝struts2-dojo-plugin-2.3.8.jar到WEB-INF/lib目 ...

  4. Highmaps网页图表教程之绘图区显示标签显示数据标签定位

    Highmaps网页图表教程之绘图区显示标签显示数据标签定位 Highmaps数据标签定位 由于数据标签是和节点一一对应,所以数据标签是依据节点位置进行定位的.本节详细讲解如何对数据标签进行定位. H ...

  5. Highmaps网页图表教程之数据标签与标签文本

    Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据.数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近.在High ...

  6. JSP九个内置对象及指令、动作标签

    一.JSP九大内置对象 (一)JSP中无需创建就可以使用的9个对象 输入输出对象 1.response(HttpServletResponse):处理JSP生成的响应,然后将响应结果发送给客户端.是s ...

  7. JSTL标签库之核心标签

    一.JSTL标签库介绍 JSTL标签库的使用是为弥补html标签的不足,规范自定义标签的使用而诞生的.使用JSLT标签的目的就是不希望在jsp页面中出现java逻辑代码 二.JSTL标签库的分类 核心 ...

  8. JavaWeb学习记录(十九)——jstl自定义标签库之传统标签

    一.传统标签 (1)JSP引擎将遇到自定义标签时,首先创建标签处理器类的实例对象,然后按照JSP规范定义的通信规则依次调用它的方法. public void setPageContext(PageCo ...

  9. angular js 指令的数据传递 及作用域数据绑定

    <div my-directive my-url="http://google.com" my-link-text="Click me to go to Googl ...

随机推荐

  1. 逆袭之旅.DAY07东软实训..封装~继承~抽象~final

    2018年7月3日.逆袭之旅DAY07 package day0703.exam1; /** * 狗狗类 使用权限修饰符private和public进行封装 * @author Administrat ...

  2. laravel自定义公共函数的引入

    原文地址:http://blog.csdn.net/u011415782/article/details/78925048 步骤指导 1. 创建 functions.php 在 app/Helpers ...

  3. Win10系列:C#应用控件基础3

    CheckBox控件 在应用程序的开发过程中开发者经常使用一组CheckBox控件来显示多个复选框,让用户从中选择一个或多个.当用户勾选复选框后,被选中的复选框会被标记为勾选状态,再次点击此复选框可取 ...

  4. pytorch加载和保存模型

    在模型完成训练后,我们需要将训练好的模型保存为一个文件供测试使用,或者因为一些原因我们需要继续之前的状态训练之前保存的模型,那么如何在PyTorch中保存和恢复模型呢? 方法一(推荐): 第一种方法也 ...

  5. 第二章 使用unittest模块扩展功能测试

    2.1使用功能测试驱动开放一个最简单的应用 # functional_tests.py # -*- coding: utf-8 -*- from selenium import webdriver b ...

  6. OJ_查找二叉树

    #include<iostream>using namespace std;int n,m;int d[120];int t=1;int re;struct Node{ int data; ...

  7. 关于ArrayList中的iterator返回的事迭代器实例问题。

    Arraylist是一个具体的类,它并没有定义它自己的iterator()方法,,它只是从AbstractList 这个抽象类中继承了iterator()这个方法,而AbstractList 中的it ...

  8. ylz框架外网之JSP 自定义TAG

    首先用到了ServletContext,全局容器的概念,之前不知道哪里有用,现在用到,这里解析的是一个sysCode的TAG,用于下拉框等选项的时候自动显示要选的内容.大致思路是,利用前一篇所说到的E ...

  9. git工具学习

    最近实习的时候,遇到git工具,发现好强大之前没用过,特来学习下,然后自己注册了一个github账号,结合git命令练习一下,git的安装就不说了. 学习资料来源:廖雪峰Git教程 git简介: gi ...

  10. 四、使用汇编编写LED裸机驱动

    1. 确定硬件连接 打开OK6410底板电路图,找到LED,可以发现NLEDx为0时LED点亮. 找到LED的控制引脚,发现LED控制引脚通过连接器连到了核心板: 打开核心板电路图,找到对应的连接器中 ...