什么是html?
html又叫做超文本标记语言,注意一下,它不是编程语言。那html有什么用?我们日常浏览网站的时候,会打开一个个网页,页面上各种文字、图片、声音、视频、链接等都是用html写的。我们打开所谓的网页,就是打开一个个html文件。(注:文件后缀名为html)
html的标签是什么?
那么我们要如何写一个html文件呢?怎么才能把文字、图片、声音、视频、链接等这些东西放进html?
这里就得说到html的标签。举个简单的例子,我们可以随便打开一个网页,然后全选、复制、粘贴到一个新建的txt文件,保存后直接修改其后缀名为html,再用浏览器打开这个html文件,我们可以看到同样的效果吗?当然是不行的!!!因为这里面少了html文件必要的标签。浏览器是通过标签来渲染解析一个html文件的具体内容的。
通常情况下html的标签是成对出现的,如<p></p>、<title></title>
等等,我们把要展示的内容放进标签里面,如
常用的标签
基本结构标签
每一个网页都会有一个基本结构标签(也称为骨架标签,如下图所示),页面内容就是在这些基本标签里写,之后介绍的标签基本上都是写在<body></body>
里面。
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<!-- 标签用于定义段落,它可以将整个网页分为若干个段落。
特点:
1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
2. 段落和段落之间保有空隙。 -->
<p> 段落标签 </p>
换行标签
<!-- 如果希望某段文本强制换行显示,就在后面使用换行标签<br>。
<br>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。 -->
文本格式化标签
加粗标签<strong></strong> <b></b>
倾斜标签<em></em> <i></i>
下划线标签<ins></ins> <u></u>
删除线标签<del></del> <s></s>
各有两个,任选其一即可
布局标签
span和div都是用来布局页面的。
大盒子 <div>一行只能放一个<div>
小盒子 <span>一行上可以多个 <span>
图像标签
在 HTML 标签中,<img> 标签用于定义 HTML 页面中的图像。
<img src="图像URL">
其中:src 是<img>标签的必须属性,它用于指定图像文件的路径和文件名。
链接标签
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
<!-- 属性:
1.href:用于指定链接目标的url地址
2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
3.#:空链接 -->
请允许自己写出垃圾,否则,你连垃圾都写不出来。