HTML----CSS复习

本文最后更新于：2021年10月10日 上午

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中:


    

  • 内联样式- 在HTML元素中使用”style” 属性
    • 

  • 内部样式表 -在HTML文档头部  区域使用