HTML-1

Posted Ja_king_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML-1相关的知识,希望对你有一定的参考价值。

1.什么是html

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。

2.HTML怎样书写

整个网页从<html>开始到</html>结束,<head></head>包含的为页头,<body></body>包含的是页身。

<html>
       <head>
	<title>第一个页面</title>
       </head>
       <body>
               键盘敲烂,ZH最帅
       </body>
</html>

3.head标签

在这里插入图片描述

4.body标签

body标签代表页面的“身”,定义网页展示内容,这些内容往往都是“可见内容”(在浏览器可见)。

5.段落与文字

在这里插入图片描述

6.文字加粗,倾斜,下划线等标签

 <h1>标题标签</h1>
    <p>段落标签</p><br />换行标签,是个单标签<br />
    <strong>加粗标签</strong><br />
    <b>这也是加粗标签</b><br />
    <em>倾斜标签</em><br />
    <i>这也是倾斜标签</i><br />
    <del>删除标签</del><br />
    <s>这也是删除标签</s><br />
    <ins>下划线标签</ins><br />
    <u>这也是下划线标签</u><br />
    <div>是个盒子,独占一行</div>123
    <span>1</span>
    <span>2</span>
    <span>3</span>

7.注释标签(快捷键Ctrl+/)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 注释标签 快捷键 Ctrl+/-->
</body>
</html>

8.图像标签

1)若图像与html文件位于同一文件夹,则<img src=" 图片名 ">可直接添加图片
2)若位于下一文件夹,则需添加 文件名 和 / 如:<img src="文件名/图片名">
3)若位于上一文件夹,添加 ./ 即可 如:<img src="./图片名">
如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="images/nba.png"/><br />
    alt 替换文本,图片显示不出来时使用<br />
    <img src="images/nba1.png" alt="zh"/><br />
    title 提示文本,图片提示用<br />
    <img src="images/nba.png" alt="zh" title="湖人总冠军"/><br />
    width 给图像设置宽度 height<br />
    <img src="images/nba.png" alt="zh" title="湖人总冠军" width="500" height="100"/><br />
    <img src="images/nba.png" alt="zh" title="湖人总冠军" height="100"/><br />
    boder 给图像设定图像<br />
    <img src="images/nba.png" alt="zh" title="湖人总冠军" width="500" boder="15" /><br />

</body>
</html>

以上是关于HTML-1的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数

VSCode自定义代码片段8——声明函数