HTML----CSS复习

1.标题

HTML 标题(Heading)是通过

-

等标签进行定义的。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

2.段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

3.链接

<a href="https://codeanime.cc/">这个是我的博客链接</a>

**注释:**在 href 属性中指定链接的地址。

4.图像

HTML 图像是通过 <img>标签进行定义的。

<img src="https://cdn.jsdelivr.net/gh/jpdjpd/img/animation/74.jpg" width="50%" height="50%" />

image-20211006152321751


注意: 图像的名称和尺寸是以属性的形式提供的

5.元素

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码

<p>这是一个段落</p>
<a href="https://codeanime.cc/">这是一个链接</a>
<br>
开始标签元素内容结束标签

这是一个段落

这是一个链接

换行

开始标签常被称为起始标签(opening tag),结束标签常称为闭合标签(closing tag)

6.属性

  • HTML 标签可以拥有属性

  • 属性可以在元素中添加附加信息

  • 属性一般描述于开始标签

  • 属性总是以名称/值对的形式出现,比如:name="value"

  • 属性总是在 HTML 元素的开始标签中规定

实例:

HTML 链接由 标签定义。链接的地址在 href 属性中指定:

<a href="https://codeanime.cc/">这是一个链接</a>

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题

注意:

属性值本身就含有双引号,那么必须使用单引号

属性和属性值对大小写不敏感。

不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

7.水平线


标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

image-20211006153850209

8.注释

**注释:**开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)

<!---->

<!-- 这是注释 -->

9.样式

style 属性用于改变 HTML 元素的样式

<body>
		<h1>这是一级标签,测试style属性</h1>
		<p style="font-family: verdana;color: red;font-size: 50px;">这是p标签,测试style属性,颜色为红色,字体大小为50px</p>
</body>

image-20211006155106508


10.文本格式化

bia
定义粗体文本
定义大号字
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字
定义删除字
定义计算机代码
定义键盘码
定义计算机代码样本
定义变量
定义预格式文本
定义缩写
定义地址
定义文字方向
定义长的引用
定义短的引用语
定义引用、引证
定义一个定义项目

11.头部

<head>元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript><base>

12.标题

<title>标签定义了不同文档的标题。

<title>在 HTML/XHTML 文档中是必须的。

<title> 元素:

  • 定义了浏览器工具栏的标题
  • 当网页添加到收藏夹时,显示在收藏夹中的标题
  • 显示在搜索引擎结果页面的标题

13.CSS

CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式

CSS 可以通过以下方式添加到HTML中:


樱花庄的一只二刺猿