HTML(HyperText Markup Language)超文本标记语言

一、HTML注释

元素就是标签,标签就是元素。

注释中的内容不会在页面中显示,但是可以在源码中看到。

可以通过编写注释来对代码进行描描述,从而帮助其他工作人员开发。(注释要简洁明了)

方法:可以选中HTML代码,然后Ctrl + / 键。

HTML注释:<!-- 需要注释的内容 -->

二、HTML标签属性

通过属性来设置标签如何处理标签的内容。

属性只能在开始标签中添加,实际上就是一个名值对结构(属性名 = "属性值");

一个标签中可以设置多个属性,属性之间用空格隔开,各个属性不分先后。

三、HTML文档声明

HTML发展历史

1993年6月:HTML第一个版本发布;

1995年11月:HTML2.0;

1997年1月:HTML3.2;

1999年12月:HTML4.0.1;

2000年底:XHTML1.0;

2014年10月:HTML5;

DOCTYPE声明

为了告诉浏览器网页所使用HTML版本。声明当前网页是按照HTML5的标准编写的,编写网页时一定要将HTML的声明编写文档最上面。如果不写文档声明则会导致有些浏览器进入怪异模式(浏览器解析页面会导致页面无法正常显示),所以为了避免这种状态一定要写文档声明。

HTML5的文档:<!DOCTYPE html>

四、HTML乱码问题  

乱码出现的原因:计算机只能识别0或1;

在计算机中保存任何内容,最终都会转换成 0 或 1 ,包括网页中的内容。

在读取内容的时候,需要将进行二进制编码,将其转换为正确的内容。

编码:依据一定的规则,将字符转换成二进制编码的过程。

解码:依据一定的规则,将二进制编码转换成字符的过程。

字符集:编码和解码所采用的规则叫做字符集。

常见字符集:

ASCⅡ、GB2312(中文系统默认编码)、GBK、UTF-8(支持世界上所有的字符);

 产生乱码的根本原因:编码和解码所采用的字符集不同。

五、HTML常用标签

1、标题标签:<h1></h1> ~ <h6></h6>

在显示效果上h1最大,h6最小。重视的是标签的语义(语义化标签)。

六级标签中,h1表示网页最主要的内容最重要;h2~h6重要性依次降低

h1标签的重要性仅次于title标题,搜索引擎检索完title之后,会立即查看h1中的内容。

2、段落标签:<p> </p>

表示内容的一个段落

p中的文字会默认独占一行,并且段与段之间会有一个间距。

3、换行标签:<br>

在HTML文档中再多的空格最后也会只显示一个,换行也会当成一个空格。

可以使用<br>来实现换行。

4、分割线标签:<hr>

实现页面分割线效果

六、HTML实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

实体的语法:$实体的名字;(如:空格—$nbsp;  <—$lt;  )

浏览器检测到实体时,将会自动将实体转化为相应的字符。

更多详细内容可以查询

https://www.runoob.com/html/html-entities.html

HTML5基础内容(二)的更多相关文章

  1. HTML5 基础内容(元素/属性/格式化)

    HTML基础 1.HTML元素 1.1 元素指的是开始标签到结束标签的所有代码. 1.2 元素的内容是开始标签与结束标签之间的内容. 1.3大多数HTML元素可用有属性. 1.4标签可以拥有属性为元素 ...

  2. web 基础(二) HTML5

    web 基础(二) HTML5 一.HTML5 HTML5 是最新的 HTML 标准.是专门为承载丰富的 web 内容而设计的,并且无需额外插件.它拥有新的语义.图形以及多媒体元素.并提供的新元素和新 ...

  3. ROS_Kinetic_05 ROS基础内容(二)

    ROS_Kinetic_05 ROS基础内容(二) 1. ROS节点node 官网教程:http://wiki.ros.org/cn/ROS/Tutorials/UnderstandingNodes ...

  4. html5 基础入门

    html5 基础入门 前言介绍 HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML工作团队. 如果从狭 ...

  5. SpringBoot 基础(二)

    目录 SpringBoot基础(二) 一.操作数据库 1. SpringBootJdbc 2. SpringBoot 整合 Mybatis 3. SpringBott 使用JPA 二.使用 Thyme ...

  6. 【C++自我精讲】基础系列二 const

    [C++自我精讲]基础系列二 const 0 前言 分三部分:const用法.const和#define比较.const作用. 1 const用法 const常量:const可以用来定义常量,不可改变 ...

  7. html5基础的常用的技巧

    html5基础的常用的技巧 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明. <!DOCTYPE html PUBLIC &quo ...

  8. HTML5基础知识及相关笔记

    HTML5基础 1.1HTML文件的基本结构和W3C标准 1.1.1HTML简介 HTML是一种描述网页的语言,一种超文本标记的语言! 1.1.2HTML文件的基本结构 头部(head) 头部是网页的 ...

  9. web前端学习python之第一章_基础语法(二)

    web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈 ...

随机推荐

  1. Failure to find com.oracle:ojdbc6:jar:11.2.0.1.0

    报错原因:oracle的ojdbc.jar是收费的,maven的中央仓库是没有的,需要下载到本地,然后打包进maven仓库 1.下载ojdbc6-11.2.0.1.0.jar包 http://cent ...

  2. Jmeter 后置处理器--jp@gc - JSON/YAML Path Extractor & JSON Extractor

    后置处理器--jp@gc - JSON/YAML Path Extractor 1.需要下载插件,地址: 解压后把对应jar包放置对应的lib和lib/ext目录下,重启Jmeter: 2.在需要提取 ...

  3. C++笔记(7)——一些模拟题:简单模拟、查找元素、图形输出、日期处理、进制转换、字符串处理

    以下内容基本来自<算法笔记>,作者为胡凡,建议直接买书看,我这里只是摘抄部分当笔记,不完整的. 简单模拟 就是一类"题目怎么说你就怎么做"的题目.这类题目不涉及算法,只 ...

  4. 2.proxychains----Macchanger----anonsurf

    nano /etc/proxychains.conf 激活dynamic_chain 同是启用proxy_dns 只启用IP会泄露DNS位置信息,别人就知道你在用匿名 ipconfig    ifco ...

  5. 【DSP开发】【Linux开发】基于ARM+DSP进行应用开发

    针对当前应用的复杂性,SOC芯片更好能能满足应用和媒体的需求,集成众多接口,用ARM做为应用处理器进行多样化的应用开发和用户界面和接口,利用DSP进行算法加速,特别是媒体的编解码算法加速,既能够保持算 ...

  6. 深入理解java:2.3.2. 并发编程concurrent包 之重入锁/读写锁/条件锁

    重入锁 Java中的重入锁(即ReentrantLock)   与JVM内置锁(即synchronized)一样,是一种排它锁. ReentrantLock提供了多样化的同步,比如有时间限制的同步(定 ...

  7. 【监控笔记】【1.5】事件通知(event Notification)

    关键词:DDL监控 [监控笔记][1.5]事件通知(event Notification) 注意,只能通过删除新建来修改事件. [1]概念 事件通知是特殊类型的数据库对象,用于将有关服务器和数据库实践 ...

  8. 剑指Offer编程题(Java实现)——反转链表

    题目描述 输入一个链表,反转链表后,输出新链表的表头. 思路一 使用头插法迭代进行反转 实现 /* public class ListNode { int val; ListNode next = n ...

  9. oracle 实现mysql find_set_in函数

    create or replace FUNCTION F_FIND_IN_SET(piv_str1 varchar2, piv_str2 varchar2, p_sep varchar2 := ',' ...

  10. C#中的委托和事件(一)——delegate

    前言 来说一说委托(delegate)和事件(event),本篇采取的形式是翻译微软Delegate的docs中的重要部分(不要问我为什么微软的docs有中文还要读英文,因为读中文感觉自己有阅读障碍- ...