Web页面建设 - zilongxuan001/LearnFreecode GitHub Wiki

• 概念

  • <q>

  • <blockquote>

  • <em>

• Web页面建设

• 如何从无到有的建立网页

  • 草图
  • 略图
  • 网页

• 内联元素和块元素

简短引用使用<q>，把一个引用放在现有的文字里，作为其中一部分

浏览器会在<q>引用的内容两边加双引号，但不是所有浏览器都加双引号。

来源：Head First HTML与CSS，P86，92

长引用使用<blockquote>，引用一段或多段文字。

<blockquote>元素的内容会自成一段，而且会缩进，如果有多个段落 ，每个段落也自成一段且缩进。

有些浏览器会缩进，有些不会。

可嵌套<q>。

来源：Head First HTML与CSS，P92

如果你引用某人的话，其中确实强调了某个词，或者你想强调引用中的某个重点，则可以在引用中使用<em>

来源：Head First HTML与CSS，P92

为一本日志建立网站。 学习

• <q></q>``<blockquote></blockquote>

• 块元素和内联元素。先写块元素，再写内联元素。

• void元素，只有开放标签，没有闭合标签的元素

• <br>换行

• 有序列表、无序列表、定义列表

• 嵌套

• 字符实体

草图→略图→网页

草图：将内容根据结构分组，形成组块

略图：隐去内容，创建空白内容区，贴上元素

网页：标签+内容(文字/图片)，形成网页。（设计页面时，先写块元素，再写内联元素完善）

来源：Head First HTML与CSS，P80

来源：Head First HTML与CSS，P81-82

来源： Head First HTML与CSS，P83

<a>既可以是内联元素，也可以是块元素

<br> 属于块元素和内联元素的模糊地段

<li> 块元素，里面可以嵌套其他元素。