前端html学习笔记--介绍

最新推荐文章于 2024-01-30 18:50:53 发布

元气满满鸭

最新推荐文章于 2024-01-30 18:50:53 发布

阅读量102

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/weixin_42738354/article/details/108485381

版权

79 篇文章 2 订阅

订阅专栏

包括：结构，表现，行为
1.结构：对网页元素进行整理和分类，如html
2.表现：用于外观样式，如CSS
3.行为：主要指交互，如javascript

1.文档类型

<!DOCTYPE HTML>
// 表示当前页面采用的是html5版本来显示页面

2.lang语言种类：用来定义当前文档显示语言。en定义语言为英语；zh-CN定义语言为中文
3. 字符集 charset用来规定HTML文档应该使用哪种字符编码

<meta charset='UTF-8' />
//字符集 charset用来规定HTML文档应该使用哪种字符编码,字符集 charset用来规定HTML文档应该使用哪种字符编码

1.标题标签，一共有6个等级的网页标题，示例如下，标题标签会加粗

<h1>标题一共6级选</h1>
<h2>文字加粗一行显</h2>

2.段落标签

<p>这是一个段落标签</p>
//段落和段落之前会有一个较大的缝隙

3.换行标签

<br />换行标签
//单标签 ，强制换行

4.文本格式化标签
设置粗体、斜体、下划线等

5.div和span标签

 <div>标签用来布局，但是一行只能放一个</div>
 //表示一个大盒子，块级元素
 <span>标签用来布局，一行可以放多个</span>
 //表示小盒子，行级元素

6.图像标签

 <img src='' />
 //src是img标签中的必备属性，单标签

7.图片路径
①相对路径，图片相对于HTML页面的位置

相对路径分类	符号	说明
同一级路径		图片位于HTML文件同一级如 img.jpg
下一级路径	/	图片位于HTML文件下一级如 images/img.jpg
上一级路径	…/	图片位于HTML文件上一级如 …/img.jpg

②绝对路径：通常是从盘符开始的路径，或网站中的图片路径
注意：相对路径和绝对路径的斜杠方向不一样！！！

关注