作为一个HTML初学者,以下是一些你应该认识的基本标签对:

1.<!DOCTYPE html> <html>
这两个标签是每一个HTML页面的基础,<!DOCTYPE html> 告诉浏览器这是一个HTML5文档,<html> 标签是所有其他HTML标签的容器。
2.<head><body>
<head> 标签内包含的信息不会直接显示给用户,但它可以包含如标题,元数据,CSS样式链接等信息。<body> 标签内的内容则是网页的主体,是用户可以看到的部分。
3.<title>
此标签用于定义浏览器工具栏的标题,当网页添加到收藏夹时的标题。
4.<h1><h6>:这些标签用于定义HTML标题。<h1> 定义最大的标题,<h6> 定义最小的标题。
5.<p>:此标签用于定义段落。
6.< a >:此标签用于创建链接,它可以链接到其他网页,文件,甚至是同一页面的不同部分。
7.<img>:此标签用于嵌入图片。
8.<div>
这是一个块级元素,可用于组合其他HTML元素,通常与CSS配合使用,进行布局和样式设计。
9.<span>:这是一个内联元素,与<div>类似,但通常用于文本内部的设计。
10.<ul>,<ol> <li>:这些标签用于创建无序列表和有序列表。

以上只是HTML的一部分基础标签,但它们是最常用且最基础的,掌握它们可以帮助你开始构建简单的网页。
下面要进一步学习CSS,以下是一些你应该熟悉的CSS函数和常用的CSS相关HTML标签:

CSS函数:
1.color():用于颜色转换和计算。
2.calc():用于动态计算长度或者百分比。
3.linear-gradient()radial-gradient():用于创建线性或径向渐变背景。
4.transform():用于进行2D或3D转换,如旋转和缩放。
5.transition() animation():用于创建平滑的过渡和动画效果。

与CSS相关的HTML标签:

1.<link>:此标签常用于链接外部CSS文件。
2.<style>:此标签用于在HTML文档内部写入CSS样式。
3.class id:这两个属性常用于标识HTML元素,以便在CSS中对其进行样式设计。class用于标识一组元素,而id用于标识单个元素。
4.<figcaption>: 这是HTML的一个元素,用于为<figure>元素中的图像、图表、照片等提供说明或标题。通常,<figcaption>元素的内容会显示为图中的标题或说明,通常放在图的下方。
示例:

<figure>  
  <img src="example.jpg" alt="Example Image">  
  <figcaption>这是示例图像的说明。</figcaption>  
</figure>

5.display: 这是CSS的一个属性,用于控制盒模型的显示方式。它可以有很多值,例如block, inline, none, flex, grid等。这个属性可以决定元素如何与其他元素排列。
6.align-items: 这是CSS的一个属性,用于在flex容器中对齐子项。它可能的值有flex-start, flex-end, center, baseline, stretch。当你使用Flexbox布局时,这个属性可以帮助你控制子元素的垂直对齐。
7.justify-content: 也是CSS的属性,但它用于控制flex容器中子项的水平对齐。可能的值有flex-start, flex-end, center, space-between, space-around, space-evenly。
8.flex-direction: 这是CSS的属性,用于设置flex容器的方向。可能的值有row, row-reverse, column, column-reverse。这个属性决定了子元素的排列方向。
9.margin-bottom: 这是CSS的属性,用于设置元素底部的外边距。你可以使用像素值、百分比、em等单位来设置它。
10.auto: 在CSS中,auto是一个特殊的值,可以应用于很多属性(如margin, padding, width, height等)。当设置为auto时,浏览器会尝试自动计算这个值,通常基于其他元素的属性值。

学习CSS的过程中,理解盒模型(包括margin, padding, border, content等概念)以及定位(如相对定位,绝对定位,固定定位等)也是非常重要的。同时,掌握如何使用媒体查询来创建响应式设计也是现代网页设计的关键技能。


波波鱼
4 声望3 粉丝