第一周预习博客

最新推荐文章于 2024-08-06 17:42:20 发布

oxygen0726

最新推荐文章于 2024-08-06 17:42:20 发布

阅读量1.3k

点赞数 28

文章标签：算法

本文链接：https://blog.csdn.net/2301_80049611/article/details/136965295

版权

本文介绍了HTML的基础知识，包括标签的使用（如标题、换行、图片和超链接等）、元素的概念，以及如何设置HTML元素的属性。同时概述了CSS的常用文本、字体和背景属性。

摘要由CSDN通过智能技术生成

一、HTML常用标签
①HTML属性语法
<标记名称属性1 属性2 ···>

例如：<img src="image.jpg" alt="头像">

其中各属性之间并无先后顺序，用空格分隔。

②HTML文件结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是标题</title>
</head>

<body>
这里是一些内容
</body>

</html>

元素
我们还将一个完整的标签称为元素。
这里我们可以将元素和标签认为是一个同义词。
<h1>一级标题</h1>
上边的h1我们就称为元素
<p>我是一个<em>段落</em></p>
p也是一个元素，em是p的子元素，p是
em的父元素。
<body>
<p><em>内容</em></p>
</body>
• body也是一个元素。
• body是p和em的祖先元素。
• p和em是body的后代元素

HTML常用标签

1.<h1> </h1>：标题标签,有<h1>~<h6>,字体是默认加粗的。

2.<br/>：换行标签

3.<hr>：水平线标签

4.<img src=“图片路径” alt=“替换文本”>：图片标签，文本在图片无法显现时显示。

5.<a href=“相对路径”> </a>：超链接标签，若相对路径处为“#”则代表空链接。

6.<p> </p>：段落标签

7.<em> </em>：斜体标签

8.<b> </b> <strong> </strong>：加粗标签

9.<u> </u> <ins> </ins>：下划线标签

10.<s> </s> <del> </del>：删除线标签

11.<ol> </ol>：有序列表标签，其中嵌套的标签项<li>是有序的。

12.<ul> </ul>：无序列表标签，其中嵌套的标签项<li>是无序的。

13.<dl> </dl>：自定义列表标签，其中嵌套的标签项<dt>定义了标题，<dd>定义了内容。

属性

可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
比如：name=“value”
有些属性可以是任意值，有些则必须是指定值。

css

CSS常用属性
1.CSS文本属性

color—文本颜色—red/#ccc/rgb(255,0,0)
letter-spacing—字符间距—2px
line-height—行高—14px/1.5em/120%
text-align—对齐—center/left/right/justify(两端对齐)
text-decoration—装饰线—none/overline/underline/line-through
text-indent—首行缩进—2em
2.CSS字体属性

font—设置所有字体属性—bold 18px ‘幼圆’
font-family—字体系列—sans-serif；
font-size—字号—14px/120%
font-style—斜体—italic
font-weight—粗体—bold（粗体）
3.CSS背景属性

background—所有背景设置—url（“aaa.jpg”）repeat-x
background-color—背景颜色—red/#ccc/rgb(255,0,0)

background-image—背景图片—url（“aaa.jpg”）

background-repeat—重复方式—repeat-x/repeat-y/no-repeat