HTML学习笔记（二）

最新推荐文章于 2023-12-25 14:52:44 发布

CoderRuL

最新推荐文章于 2023-12-25 14:52:44 发布

阅读量145

点赞数 3

分类专栏：学习笔记文章标签： HTML

本文链接：https://blog.csdn.net/qq_43472474/article/details/98474810

版权

学习笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

博主声明：
本文由博主luoru_LR原创，请多支持与指教。
转载请在开头附加本文链接及作者信息，并标记为转载。
博主主页

HTML属性

HTML标签可以拥有属性。属性提供了有关HTML元素的更多信息。
属性大多以名称/值对的形式出现，比如：class=“class1”。
属性总是在HTML元素的开始标签中规定。

<a href="http://www.baidu.com/">百度一下</a><!-- 使用href属性指定超链接的链接地址 -->

HTML标题

在HTML中，标题是通过h1至h6标签定义的。
分别代表不同级别的标题。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML水平线

hr /标签在HTML页面中创建水平线。
hr元素可用于分隔内容。

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

HTML段落
段落是通过p标签定义的。

<p>This is a paragraph</p>
<p>This is another paragraph</p>

注：HTML会自动地在段落的前后添加空行。不要忘记结束标签。

HTML折行（换行）
br /（br）元素一个空的HTML元素，可以在不产生新的段落的情况下进行换行。

<p>This is<br />a para<br />graph with line breaks</p>

HTML样式
style属性用于改变HTML元素的样式。
示例：background-color属性元素定义了背景颜色

<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>

HTML文本格式化

文本格式化标签

标签	描述
b	定义粗体文字
big	定义大号字
small	定义小号字
em	定义着重文字
i	定义斜体字
strong	定义着重语气
sub	定义下标字
sup	定义上标字
ins	定义插入字
del	定义删除字

计算机输出标签

标签	描述
code	定义计算机代码
kbd	定义键盘码
samp	定义计算机代码样本
tt	定义打字机代码
var	定义变量
strong	定义着重语气
pre	定义预格式文本

引用、引用和术语定义

标签	描述
abbr	定义缩写
acronym	定义首字母缩写
address	定义地址
bdo	定义文字方向
blockquote	定义长的引用
q	定义短的引用
cite	定义引用、引证
dfn	定义一个定义项目

HTML CSS
当浏览器读到一个样式表，它就会按照这个样式表来对文本进行格式化。有以下三种方式插入样式表：

①外部样式表
当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

②内部样式表
当单个文件需要特别样式时，就可以使用内部样式表。可以在head部分使用style标签定义内部样式表。

<head>
	<title>内部样式表</title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
			background-color: red;
			font-size: 18px;
		}
	</style>
</head>

-③ 内联样式
当特殊的样式需要用到个别元素时，就可以使用内联样式。在相关标签中使用style属性就可以使用任何CSS属性。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

HTML超链接（链接）

HTML使用超链接与网络上的另一个文档相连。
HTML使用a标签定义超链接
两种使用a标签的方式：
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签

<a href="url">Link text</a>

HTML图像
HTML中使用img标签定义图像可在文档中显示图像。img标签中使用src属性的值指向图像URL地址。alt属性用来为图像定义预备的可替换的文本。

<img src="url" alt="此处是一张图片" />

CoderRuL

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（二）

HTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多信息。属性大多以名称/值对的形式出现，比如：class=“class1”。属性总是在HTML元素的开始标签中规定。<a href="http://www.baidu.com/">百度一下</a>HTML标题在HTML中，...
复制链接

扫一扫

专栏目录