作业:构建网站 - 知识准备 - HTML - HTML基础

本文为学习笔记,学自https://www.w3cschool.cn/

HTML标题(Heading)


HTML标题是通过<h1><h6>标签定义的,这里的h是英文header的缩写。
<h1><h2><h3><h4><h5><h6>,每个元素代表文档中不同级别的内容:
<h1> 表示主标题,<h2> 表示二级子标题,<h3>表示三级子标题,<h4><h5><h6>依次递减字体的大小。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是个标题</h1>
    <h2>这是个标题</h2>
    <h3>这是个标题</h3>
    <h4>这是个标题</h4>
    <h5>这是个标题</h5>
    <h6>这是个标题</h6>
</body>
</html>
Document

这是个标题

这是个标题

这是个标题

这是个标题

这是个标题
这是个标题

HTML 段落

HTML 段落是通过标签<p>来定义的,P是英文paragraph段落的缩写,
经常被用来创建一个段落,就和你写作文一样
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>何夕不是不知,只是不愿,他的骄傲,他的自尊让他不会去选择成为跟他导师一样的人</p>
    <p>他坚信自己的理论是正确的并且时间会证明它的价值,为了证明这一点他如同一个赌徒一般倾尽所有</p>
</body>
</html>
Document

何夕不是不知,只是不愿,他的骄傲,他的自尊让他不会去选择成为跟他导师一样的人

他坚信自己的理论是正确的并且时间会证明它的价值,为了证明这一点他如同一个赌徒一般倾尽所有

HTML中的空白字符

在代码中可能包含了很多的空白字符,无论你用了多少空白字符(包括空格,换行,回车),当渲染这些代码的时候,HTML解释器会将连续出现的空格字符减少为一个单独的空格符,这称为空白折叠

如果利用空白字符将你的代码很好地进行格式化,那么就很容易理解你的代码,反之就会很混乱。

记住你应该坚持使用某种风格。

HTML 链接

HTML 链接是通过标签<a>来定义的。a标签,也叫anchor(锚点)元素,
既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="www.baidu.com">百度</a>
</body>
</html>
Document 百度

HTML 图像

HTML 图像是通过标签<img>来定义的。
使用img元素来为你的网站添加图片,使用src 属性指向一个图片的具体地址。
<img src="https://www.your-image-source.com/your-image.jpg">
img元素是自关闭元素,不需要结束标记。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <img src="../Images/1.jpg" alt="">
</body>
</html>

在这里插入图片描述

HTML 强调

为了突出一句话的意思,通常强调某些词,并且通常想要标记某些词作为重点或者表示某种程度上的不同。
HTML 提供了许多语义化的元素,并且允许我们通过这些元素的意义标记正文内容

在HTML中我们可以使用em元素来标记这样的情况,浏览器默认风格为斜体:
在HTML中我们还可以使用<strong>元素来标记这样的请况,浏览器默认风格为粗体:

实际上,为了获得字体风格,我们更应该使用元素和一些CSS,这更符合前端

关于何夕的文段引自战争x弓箭

猜你喜欢

转载自blog.csdn.net/guchengyixin/article/details/106410429