重头学习html5+css3系列笔记（1）

最新推荐文章于 2024-04-28 18:20:25 发布

shadow fish

最新推荐文章于 2024-04-28 18:20:25 发布

阅读量227

点赞数

分类专栏：笔记文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_45862085/article/details/108585115

版权

笔记专栏收录该内容

24 篇文章 2 订阅

订阅专栏

因为自己是从小程序入门的，而小程序是类似vue框架的一类技术，而且其中某些标签和web端也有不同，所以自己在web端学习时时常一知半解，遇到没有见过的不懂的，才会去查，这就导致自己的知识不是很系统，所以趁这段稍微空闲的时间（毕竟离期末考试还远hhh），决定从头再来一遍，把基础扎牢。为了督促自己并坚持下去，我决定将接下来这段小旅途记录下来。

HTML

什么是html

超文本标记语言，不是编程语言，而是一种标记语言。是一套标记标签。
超文本有两种含义：

他可以加入除文本以外的其他元素，超越了文本限制
他还可以从一个文件跳转到另一个文件，超级链接文本

web标准

web标准主要是由结构（如HTML），表现（如css3），行为（如JavaScript）三个方面
web标准提出的最佳体验方案：结构，样式，行为相分离（这里有一个疑问，那目前流行的vue开发不就有点背离这种方案吗？）

基本结构标签（骨架标签）

<html></html> 页面中最大的标签，称之为根标签
<head></head>文档的头部，在内部必须设置title标签
<title></title>网页标题
<body></body>主体部分

<!DOCTYPE html>不属于html标签语言，只是用于声明文档采用html格式
<html lang="en">表示当前页面是英文网站，但可以输入中文的
中文表示是zh-CN
<meta charset="UTF-8"> charset属性规定文档使用哪种字符编码，UTF-8代表万国码

常用标签

标题标签（head）h1~h6 重要性依次减弱文字变大·变粗，独占一行
段落标签 / ( paragraph) 根据窗口大小自动换行，段落与段落之间有空隙
  换行标签

文本格式化标签

 加粗或者
 倾斜 
<del></del> 删除线 <s></s>
<ins></ins> 下划线 

用来布局的标签：

<div></div> div division的缩写，表示分区，分割，一行只能一个div
 span跨度，跨距一行可以多个span

图片标签

<img src=“” /> 图像标签行标签 src 文件路径
其他属性:（键值对的格式）
alt:当图片无法显示时替换的文字内容
title:鼠标放到图片后显示的文字
width:图片宽度
height:图片高度
border:图片边框粗细

height和width设置时只需要设置一个即可，当一个改变时，另一个会自适应，这样可以避免图片缩放变形
（将图片居中对齐，在他的父元素中设置对齐方式，即将图片看作文字，使用text-align标签）

链接标签

<a></a> 有两个属性：
href:需要链接元素的URL地址
target：新页面的打开方式，默认为_self,还有一个_blank，即会在一个空白页面中打开
链接形式：
外部链接
内部链接
下载文件链接：地址为下载的文件地址，文件为.exe，.zip等一类文件
锚点链接：会跳转到页面中指定id元素
空链接 href="#"
所有的元素都可以被a标签嵌套，成为链接点