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>
<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%" />
注意: 图像的名称和尺寸是以属性的形式提供的
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 元素可用于分隔内容。
8.注释
注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)
<!---->
<!-- 这是注释 -->
9.样式
style 属性用于改变 HTML 元素的样式
<body>
<h1>这是一级标签,测试style属性</h1>
<p style="font-family: verdana;color: red;font-size: 50px;">这是p标签,测试style属性,颜色为红色,字体大小为50px</p>
</body>
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文档头部 区域使用