HTML学习笔记(1) – 一些基本概念

HTML文件由“元素(Element)组成”。每个元素都有一个开始标签和结束标签。比如<p>和</p>。没有任何内容的元素叫做空元素,空元素可以没有结束标签,比如<br>。可见部分是在开始标签和结束标签之间的部分。

每个“元素”都可以有若干个“属性(Attribute)”。属性通常而言在开始标签里面标记出来。格式是name = ‘value’。比如<a href = “https://www.cpboke.com”>陈攀个人网站</a>。其中href (全称是“Hypertext Reference”,也就是“超文本指向”)就是a元素的一个标签。不同种类的元素,有着不同的属性

注释也是一种“元素”,由<!– 注释 –>格式构成。

几种比较特殊又常见的元素

列表

列表由标签<table></table>标记。

列表元素里面又包含了行元素<tr></tr>。

行元素里面又包含了表头元素<th></th>,或者数据元素<td></td>。

使用以下代码。就会得到如下表格(Gutenberg编辑器竟然会自动转换代码成列表,所以得到的列表其实是经过WordPress针对表格的CSS处理过的):

表格代码示例
NameGender
Pan ChenMale
Pan PanFemale

这是最基本的一种列表,列表里面还有其他不同的元素以及元素中的各种属性,比如rowspan等等。

<iframe>元素

这个元素是我第一次听说的。

<iframe>元素的目的是,把其他页面引用到这个页面里。

比如说以下这个代码,同样的,这也是经过WordPress针对iframe元素CSS处理过的:

iframe元素示例

区块元素(Block-level element)与行内元素(Inline element)

区块元素的定义,是这个元素的内容会占据一个新行,并且占据所能占据最大的宽度。(我认为这个宽度应该是这个区块元素的width,或者是其祖先元素的width)。

区块元素很多,比如说<li></li>,<p></p>等等。

行内元素不会开辟一个新行,并且只会占据所需要的最大的宽度。比如说<b></b>等等。

而如果我们使用的元素不属于定义好的区块元素或定义好的行内元素,那么说明我们需要自定义这个元素的显示特性。这样的“自定义”元素用<div></div>(区块)或<span></span>(行内)标签标记。通常使用CSS来控制这些元素的显示特性。

HTML中地址的几种表达方式

  • file: 当前文件夹里面的某个文件
  • folder/file: 当前文件夹下某个文件夹下的某个文件
  • /folder/file:根目录下某个文件夹下的某个文件
  • ../folder/file:父目录下某个文件夹下的某个文件

你可能还喜欢

发布于学习笔记标签:

留下评论

电子邮件地址不会被公开。 必填项已用*标注