七海的html和css学习笔记（三）

最新推荐文章于 2022-05-02 15:19:58 发布
最新推荐文章于 2022-05-02 15:19:58 发布
阅读量141 收藏
点赞数
分类专栏： 七海的html和css学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z837071844/article/details/79522510
版权

第三章 Web页面建设

           本章介绍的元素
<q></q>
    /*q元素用于标记一小段引用或者标注，被q元素标记的文本会加上双引号（有些浏览器不会自动添加双引号，所以有时需要手动添加）*/
<blockquote></blockquote>
   /*blockquote元素用于标记成段的很长的文本*/
<br/>
   //换行标记
<li></li>
  //列表标记，通常与ol和ul元素共同使用
<ul>
  //列表标记，用于包围li元素
<ol>
  /*列表标记，用于包围li元素，包围后li元素会自动排序*/
        内联元素和块元素

                本章中介绍到的<q>就是一个内联元素，而<blockquote>则是一个块元素。

                有什么区别吗？块元素显示时就好像前后各有一个换行，而内联元素在页面文本流中总在“行内”出现。

                简单来说，块元素通常自成一段，内联元素通常插入在一行中。

                块元素特立独行，内联元素随波逐流。

                有一点要注意：<li>元素也是一个块元素，因为<li>元素每个列表项之后也有一个换行。

                目前的内联元素：<q><a><em>

                目前的块元素：<h1><p><blockquote><ol><ul><li>

        对应特殊字符的字符实体

                比如说，想在页面中提到<html>的话，但是浏览器会将“<”和“>”识别为开始和结束标记，这种时候该怎么办呢?

                html提供了一种简便的方法，可以使用一种称之为字符实体（character entity）的简单缩写来指定这样一些特殊字符。

                假如想使用"<"和">"但无法在html中直接输入，经过查找“<”字符的缩写是 "&lt;",“>”字符的缩写是“&gt;”。

那么输入<html>的时候就可以这样输入：&lt;html&gt;

                还有一个重要的特殊字符需要知道，就是"&"字符（与字符）。如果希望html的内容中出现一个&，则可以使用字符实体&amp;，而不要直接使用字符&。

                想要查找一些常用的字符可以在下面这个URL中查找：

                                            http://www.w3schools.com/tags/ref_entities.asp

                或者想要访问更加详尽的字符实体清单，则可以访问这个URL：

                                            http://www.unicode.org/charts/


七海Chiaki
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
七海的html和css学习笔记（十三）
z837071844的博客
04-05 214
第十三章 表格与更多列表        用html创建一个表格                创建一个表格需要用到四个元素：&lt;table&gt;、&lt;tr&gt;、&lt;th&gt;和&lt;td&gt;。下面将逐个地详细介绍这些元素，明确它们在表格中所起的作用：&lt;table&gt; //table标记开始整个表格。如果想要一个表格，都要从table开始 &lt;tr...
七海的html和css学习笔记（八）
z837071844的博客
03-16 146
第八章  增加字体和颜色样式        字体系列是什么？                前面已经见过font-family属性（用于指定字体），到目前为止总是将这个属性的值指定为“sans-serif”。             每个font-family包含一组有共同特征的字体。共有五个字体系列：sans-serif、serif、monospace、cursive和fantasy。每个字体系...
七海的html和css学习笔记（十二）
z837071844的博客
04-04 163
第十二章 HTML5标记        新的html5元素        &lt;article&gt; //表示页面中一个独立的组成部分，如一个博客帖子、用户论坛帖子或新闻报道 &lt;nav&gt; //所包含的内容将作为页面的导航链接 &lt;header&gt; //放在页面顶部的内容，或者放在页面某个区块的顶部 &lt;footer&gt; //放在页面底部的内容，或者放在页...
七海的html和css学习笔记（一）
z837071844的博客
03-11 149
使用书籍：Head First Html 和Css第一章  Web语言概述和简介        宏观的角度看Web的工作                   想要建立Web页面，需要使用超文本标记语言（HyperText Markup Language）,也就是HTML编写文件。                首先，把文件放在一个Web服务器上（之后会学到如何把文件放在服务器上），文件放在一个服务...
七海的html和css学习笔记（七）
z837071844的博客
03-14 190
第七章  CSS入门        结合html和css                先来看一个简单的css语句：p{ //代表设置&lt;p&gt;元素的样式，称之为选择器 background-color : red; //表示设置&lt;p&gt;元素的字体颜色，属性和属性值之间用冒号“：”隔开，语句用分号“;”结尾 } //语句使用花括号“{”和“}”括起来。     ...
七海的html和css学习笔记（十）
z837071844的博客
03-26 163
第十章 div与span        div介绍                div是用于给页面划分逻辑的元素，比如一个介绍宠物的页面，就可以把页面分为猫区和狗区，通过div元素的分区也可以为猫区和狗区添加不同的css样式。&lt;div id="cats"&gt; &lt;p&gt;猫区&lt;p&gt; &lt;/div&gt; &lt;div id="dogs"&gt;
七海的html和css学习笔记（十一）
z837071844的博客
03-28 249
第十一章 布局与定位        使用流                流实际上就是浏览器在页面上摆放HTML元素所用的方法。浏览器从HTML文件的最上面开始，从上到下沿着元素流逐个显示所遇到的各个元素。                先来考虑块元素，它会在每个块元素之间加一个换行。所以首先会显示文档中的第一个元素，然后是一个换行，然后是第二个块元素，接下来又是一个换行，如此继续，从文件最上面一...
七海的html和css学习笔记（九）
z837071844的博客
03-21 219
第九章 盒模型        盒模型的分析                一组元素分出来的段落可以看做为一个盒子。盒子分为内容区，内边距，边框和外边距。                内容区就是文本或图片等所占的空间，内边距就是内容区和边框之间的距离。边框可以选择是否添加，外边距是边框之外和其他元素的距离。        为文本添加边框                使用border属性为文本添加...
七海的html和css学习笔记（六）
z837071844的博客
03-14 200
第六章  HTML的标准及其他        HTML简史                html有过html1.0-2.0、html3、html4、html4.01、xhtml1.0到现在的html5。                语言的新版本会带来更多的新东西，因为所有人都得跟上最新的标准。不过html5则有所简化，你能更容易的告诉我你在使用哪个版本的html。html5的标准还明确指出了W...
百问网七天物联网课程学习笔记——程序框架设计
lw2581167287的博客
05-02 931
以前我一直觉得只有做纯软件的程序员才需要注意程序框架的设计，上了韦东山老师的课之后才觉得做单片机的程序开发注意框架设计也是很必要的事情。要在单片机开发的过程中引入面向对象的思想，这样的代码更容易扩展，可读性更强，将硬件层和应用层分开，降低了代码的耦合性。 以按键点灯程序为例： void main(void) { GPIO_PinState key; while (1) { key = HAL_GPIO_ReadPin(GPIOF, GPIO_PIN_6); if (key == GPIO_PIN_RESET
百问网七天物联网课程学习笔记——智能台灯程序框架
lw2581167287的博客
05-02 1092
通过百问网的七天物联网智能家居实战训练的课程，我完成了基于UDP的智能台灯项目的实现。本文来讲述一下程序的整体框架。 1.首先要配置好ESP8266，根据乐鑫官方提供的使用手册对8266进行初始化，连接网络。对GPIO、UART进行初始化，并打开中断。 ESP8266_SendCommand(“AT+RST”, “OK”, 500); HAL_Delay(800); ESP8266_SendCommand(“AT+CWMODE=1”, “OK”, 500); ESP8266_SendCommand((cha
影像组学ibex_影像组学学习笔记
weixin_31002075的博客
12-30 663
题外话这仍然是一篇学习笔记。近期在不同的学术会议上，有幸聆听学习了几位影像组学的大咖做报告，受益匪浅。以大咖们的报告为指导，自己也学习查找了一些文献，加入了一点点自己的理解和想法，整理成一篇笔记，与大家分享。名词解释：影像组学(Radiomics)“影像组学”，一共4个字，每个字都是常见字啊。但4个字放一起啥意思？好吧，我们把它们拆成“影像”和“组学”两个词来说。这里的“影像”通常指的就是放射影像...
CSS实现3D正方体动态旋转效果【源码+GIF图】
qq_42316954的博客
06-13 8057
小伙伴们看到那些页面上炫酷的正方体，是不是都觉得美美的很精致，很想自己动手写一个属于自己的，但是又学业繁忙而找不到时间去实现，今天我就为大家写一个，哒哒哒，废话不多说，开始上代码~ 额，要不先说说它的实现原理吧，方便理解，嘿嘿。 实现原理：transition-property 要应用过渡的css属性transition-duration 过渡发生的时长transition-timing-func...
前端学习笔记-JS-内置对象(Array/String)
qq_36434637的博客
09-12 191
Array对象 Array 创建数组对象的两种方式 字面量方式 new Array() // 1. 使用构造函数创建数组对象 // 创建了一个空数组 var arr = new Array(); // 创建了一个数组，里面存放了3个字符串 var arr = new Array('zs', 'ls', 'ww'); // 创建了一个数组，里面存放了4个...
数据结构试题参考及答案.doc
08-29
内容概要：本资源提供了一份详尽的数据结构试题参考及答案，覆盖了从基础概念到复杂算法的多个层面。读者可以通过这份材料，系统地学习和复习数据结构的理论知识和应用实践，包括但不限于时间复杂度分析、线性表操作、树与图的遍历、排序算法等。 适合人群：适合计算机科学与技术专业的学生、准备数据结构考试或面试的研发人员，以及任何希望提升数据结构和算法知识的编程爱好者。 能学到什么： 1. 如何分析和计算算法的时间复杂度，掌握不同算法性能评估的方法。 2. 线性表的存储结构，包括顺序表和链表的特点及其操作实现。 3. 图和树的遍历算法，理解深度优先搜索和广度优先搜索的应用场景。 4. 排序算法的原理和实现，包括快速排序、归并排序等。 5. 哈希表的设计与冲突解决策略，理解哈希函数的重要性。 6. 递归算法和非递归算法的设计思想，学习如何选择合适的算法实现。 阅读建议：此资源不仅包含了数据结构的基础知识点，还提供了丰富的例题和解答，适合读者进行自我测试和深化理解。在学习过程中，建议结合实际编程实践，将理论知识应用到具体的算法实现中。同时，鼓励读者在理解的基础上，自行推导和验证答案，以加深记忆和理解。
有住网（装修小程序源码）.zip
08-29
有住网（装修小程序源码）.zip
d3dcsx_46.dll
08-29
Windows 8 SDK 此 SDK 于 2012 年 11 月发布，可用于创建适用于 Windows 8 或更早版本的 Windows 应用 () 使用 Web 技术、本机和托管代码;或使用本机或托管编程模型的桌面应用。
汇编语言I/O专题教程.ppt
最新发布
08-29
资源描述： 内容概要：《汇编语言》资源是一本深入浅出介绍汇编编程语言的教程，覆盖了从基础语法到高级程序设计技巧的全方位知识。通过本教程，读者将学习到汇编语言的基本概念、输入输出程序设计、中断处理、以及如何利用汇编语言直接控制硬件等核心内容。 适合人群：本资源适合对计算机底层工作原理感兴趣的学习者，包括计算机科学专业的学生、嵌入式系统开发者、硬件工程师以及任何希望深入理解计算机系统工作的编程爱好者。 能学到什么： 1. 汇编语言的基础知识，包括指令集、寄存器使用、内存管理等。 2. I/O设备的数据传送方式，如无条件传送、查询式传送和中断传送方式。 3. 程序直接控制I/O方式，包括I/O端口的使用、I/O指令的应用以及实际的I/O程序设计示例。 4. 中断传送方式的工作原理和实现，包括中断类型、中断向量表、中断处理过程和中断优先级管理。 5. 汇编语言在性能优化和硬件交互中的应用，以及如何编写高效的I/O程序。 6. 实际的汇编程序设计技巧，如发声程序、打印字符程序和中断处理程序的编写。 阅读建议：此资源不仅注重代码的编写实现，也强调对汇编语言程序设计背后的原理和硬件操作的理解
matlab中用disp打印文字和变量
05-24
在MATLAB中，用disp函数可以打印文字和变量。如果要打印文字，只需要将文字放在引号中，例如： ``` disp('Hello, World!'); ``` 如果要打印变量，只需要将变量名放在disp函数的括号中，例如： ``` a = 10; disp(a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值