随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　HTML 的重要成分——元素（element ）。元素用于结构化 HTML 文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（starttag ）、内容（ content）和尾标签（end tag）构成。

　　“ 标签” 是什么？

　　标签（tag）指示元素的起始与结束。
　　所有标签都具有相同的格式：以小于号“<”开头，以大于号“>”结尾。
　　一般说来，有两种标签——首标签（start tag ）（如 <html>）和尾标签（end tag ）（如 </html> ）。
　　它们唯一的区别在于，尾标签多一条斜杠“/。你通过把内容放在首标签和尾标签之间来对内　　容进行标记。
　　HTML 主要就是各种各样的元素，所以，学习 HTML，就是学习使用各种元素。

#------------------------------------------------我是可耻的分割线-------------------------------------------

　　举例1：

　　比如， b 元素的作用是，告诉浏览器介于标签 <b> 和 </b> 之间的文本应以粗体显示。（这里的“b”是“粗体（bold）” 的意思。）

　　例子：在html文档中输入红色字体内容

　　<b>这句话应显示为粗体。</b>

　　该例在浏览器中将显示如下：

　　这句话应显示为粗体。

　　h1 、 h2 、 h3 、 h4 、 h5 及 h6 元素的作用是显示标题（这里的 h 是“标题（heading ） ” 的意思）。 其中 h1 是一级标题，字体最大； h2 是二级标题，字体比一级标题略小；而 h6 是六级标题，它

是最后一级标题，字体也最小。

　　举例2：在html文档中输入红色字体内容

　　<h1>这是标题</h1>

　　<h2>这是子标题</h2>

　　首标签和尾标签总是必须的吗？
　　常言道，凡事均有例外。在 HTML 中，也有例外的情况，即有些元素没有尾标签。这些没有尾标签的元素被称作空元素（empty element），它们与具体文本内容无关，比如像下面这个换行标签： <br /> 。

　　标签中的字母应该大写还是小写？

　　大多数浏览器不介意标签是大写还是小写，或者混合大小写。所以<HTML>、<html>或<HtMl>在浏览器上的显示效果都一样。但是， 正确的写法是采用小写字母来书写标签。所以，要养成 用小写字母书写

标签的习惯。
　　把标签放在哪里？
　　你应该在 HTML 文档里书写标签。一个网站可能包含多个 HTML 文档。上网的过程，其实
　　就是打开不同 HTML 文档的过程。
　　

　　该例在浏览器中将h1显示为一级标题、h2为二级标题

HTML学习笔记2----元素与标签的更多相关文章

  1. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. [原创]java WEB学习笔记42：带标签体的自定义标签，带父标签的自定义标签，el中自定义函数，自定义标签的小结

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  3. HTML学习笔记——常用元素及其属性（二）

    一.HTML表单 -- form标签 -- 与浏览者交互 1.form 标签 -- 代表HTML表单 form标签是成对出现的,以<form>开始,以</form>结束 属性. ...

  4. [原创]java WEB学习笔记41：简单标签之带属性的自定义标签(输出指定文件，计算并输出两个数的最大值 demo)

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  5. [原创]java WEB学习笔记40：简单标签概述（背景，使用一个标签，标签库的API，SimpleTag接口，创建一个自定义的标签的步骤 和简单实践）

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  6. HTML5学习笔记<二>:元素,属性,格式化

    HTML元素 元素是指从开始标签到结束标签的所有代码. 开始(开放)标签 元素内容 结束(闭合)标签 <p> this is my web page </p> 没有内容的 HT ...

  7. Appium学习笔记4_元素定位方法

    Appium之元素定位,如果对Android上如何使用工具获取页面元素有问题的,请转战到这:http://www.cnblogs.com/taoSir/p/4816382.html. 下面主要是针对自 ...

  8. UI自动化学习笔记- Selenium元素定位及元素操作

    一.元素定位 1. 如何进行元素定位? 元素定位就是通过元素的信息或元素层级结构来定位元素的 2.定位工具 浏览器开发者工具 3.元素定位方式 Selenium提供了八种定位元素方式 id name ...

  9. Android（java）学习笔记129：Tab标签的使用

    1.案例1---TabProject (1)首先是main.xml文件: <?xml version="1.0" encoding="utf-8"?> ...

  10. CSS权威指南学习笔记 —— HTML元素分类

    HTML文档由各种元素组成.比如,p.table.span等等.每个元素都会对文档的表现有所影响.CSS中,每个元素都会生成一个框(传说中的盒子),其中包含元素内容. 元素可以根据它的创建方式分为两种 ...

随机推荐

  1. 关于fetch请求中非表单模式（form）转化为form格式请求成功问题

    首先证实一下接口请求可以成功,postman掉通 2.证实接口可以掉通之后,来发现问题 发现根本不是form表单格式3.去操作实现form表单格式 发现form格式貌似已经转换,但是请求还是不对 最后 ...

  2. VUE学习-优化过渡

    过渡(优化) 可复用的过渡 <transition> 或者 <transition-group>为根的组件 Vue.component('my-special-transiti ...

  3. SAR成像(六)：距离徙动矫正

    1.什么是距离徙动? 距离徙动产生原因是合成孔径雷达的运动平台与目标之间的相对运动.对于地面一静止的点目标,当它处于雷达波束照射范围内的时间中时,随着飞行载体的运动,它与雷达飞行载体之间的距离会不断的 ...

  4. jQuery-强大的jQuery选择器 (详解)

    jq除常用的选择写法之外的更多方法记录. 原文:jQuery-强大的jQuery选择器 (详解)[转] 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("di ...

  5. java猜数小游戏

    问题: 程序自动生成一个1~100之间的随机数字,使用程序猜出这个数字是多少: Random可以随机生成一个随机数 使用方法: 导包 创建对象 Random r = new Random(); //只 ...

  6. Java笔记_this关键字_HomeWork（1 - 4 题）

    第一题 /** * @ClassName HomeWork01 * @Description TODO * @Author Orange * @Date 2021/4/23 8:14 * @Versi ...

  7. WPF学习笔记-数据采集与监控项目03-课程总览（ItemsControl控件）

    以下是学习笔记: https://www.bilibili.com/video/BV1gq4y1D76d?p=57&spm_id_from=pageDriver&vd_source=3 ...

  8. Linux命令-df

    场景: df -h查看磁盘信息 /dev/mapper/rl-root 96% du -h --max-depth=1 命令代表寻找当前目录,哪个文件夹占用空间最大,进入根目录: [root@loca ...

  9. （0524） rbf 格式 （intel）

    http://blog.chinaaet.com/yuwoo/p/5100049901 https://blog.csdn.net/qq_38531460/article/details/107066 ...

  10. docker安装postgres并启用postgis扩展

    镜像 查看所有镜像 docker images 可以直接拉取postgis镜像 docker pull postgis 也可以在已有镜像上安装postgres,再启用扩展: docker pull p ...