前端入门第一天

目录

HTML超文本标记语言——Hyper Text Markup Language

 标签语法：

双标签：

单标签——只有开始标签，没有结束标签

基本骨架：

标签的关系:

注释：

标题标签：（新闻标题、文章标题、网页区域名称、产品名称）

特点：

强调：

段落标签：

 文本格式化标签：

​编辑图像标签：

路径：

相对路径：

绝对路径：

超链接标签：

强调：

音频标签：

 视频标签：

综合案例：

---

HTML超文本标记语言——Hyper Text Markup Language

超文本——链接

标记——标签，带尖括号的文本

示例如图：

 标签语法：

双标签：

单标签——只有开始标签，没有结束标签

——换行

---

——水平线

基本骨架：

html:整个网页

head:网页头部，存放浏览器看的代码，例如CSS

body:网页主体，存放给用户看的代码，例如 图片、文字

title:网页标签

VSCode 快速生成骨架：

!+Tab

标签的关系:

作用：明确代码的书写位置

父子关系（嵌套关系）

兄弟关系（并列关系）

注释：

注释标签

添加/删除注释的快捷键：在需要注释的一行任意位置 ctrl+/

标题标签：（新闻标题、文章标题、网页区域名称、产品名称）

标签名 h1~h6（双标签）

特点：

文字加粗

字号逐渐减小

独占一行（换行）

强调：

h1标签在一个网页中只能用一次，用来放新闻标题或网页logo

段落标签：

p

特点：

自动换行

段落间有一行空

 文本格式化标签：

加粗、倾斜、下划线、删除线

图像标签：

在网页中插入图片

<img src="图片的URL">

src用于指定图像的位置和名称

图像属性:

alt图片无法显示时显示的文字

title鼠标悬停在图片上面时显示的文字

路径：

相对路径：

./这一极

../上一级

.../上上极

绝对路径：

自己的电脑（不好用）

其他网页的地址

超链接标签：

a

自己电脑的网站.html或其他（相对路径）

其他网站的地址

（在当前页面新建）

 （在新页面创建）

添加属性 target="_blank"

强调：

href为 # 时不会跳转（开发初期）

音频标签：

不播放，没有面板

 视频标签：

综合案例：

从上到下、先总整体后局部

分析内容-写代码-保存-刷新浏览器，看效果

1.个人简介

2.计算机类专业介绍