前端小白奋斗史01

最新推荐文章于 2024-09-23 15:09:30 发布

龙王庙里吃红薯

最新推荐文章于 2024-09-23 15:09:30 发布

阅读量163

点赞数 2

文章标签： html5

本文链接：https://blog.csdn.net/adc0000/article/details/109683975

版权

前端小白第一天奋斗

常用标签

（我是在b站观看黑马程序员学习的，资料也是来自黑马程序员。）

常用标签

1. 双标签和单标签

双标签关系可以分为两类：包含关系和并列关系。

包含关系

<head> 
 <title> </title> 
</head>

并列关系

 <head> </head>
<body> </body>

标签总结

<h>我是标题标签</h>    //1. 加了标题的文字会变的加粗，字号也会依次变大。2. 一个标题独占一行。
<strong>我是加粗标签</strong> 
<p>我是段落标签<p>    //1. 文本在一个段落中会根据浏览器窗口的大小自动换行。2. 段落和段落之间保有空隙。
<em>我是倾斜标签</em>
<del>我是删除标签<del>
<ins>我是下划线标签<ins>
<div>我是大盒子，单独一行<div>    
<span>我是小盒子，不单独一行<span>
<img src="图像URL" />  //src 是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
<br>换行标签 我是单标签 
<a href="跳转目标" target="_self"> 文本或图像 </a> //打开方式为默认值，在当前窗口打开
<a href="跳转目标" target="_blank"> 文本或图像 </a> //在新的窗口打开

图像属性

在这里插入图片描述
图像标签属性注意点：

① 图像标签可以拥有多个属性，必须写在标签名的后面。
② 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
③ 属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。

4. 链接分类
在这里插入图片描述

特殊字符

补充：

1. <!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面.
2. <html lang=“en”> 告诉浏览器或者搜索引擎这是一个英文网站. 本页面采取英文来显示.
3  <meta charset=“ UTF-8” /> 必须写. 采取 UTF-8来保存文字. 如果不写就会乱码.具体原理后面分析