前端学习笔记 html Day1

标签

1.Ctr+s保存，运行前先保存后运行

2.两种标签：单标签（如水平线标签<hr>,换行标签<br>）

                     双标签（如strong，用来加粗）

3.如何区分？

     a .中间包含内容的用双标签

     b.大部分标签都是双标签

html基本骨架

1.html整个网页，head给浏览器看，body给用户看，title是网页标题

2.在vscode 的.html中，英文感叹号+enter/end快速生成骨架

标签关系

1.父子关系（嵌套），兄弟关系（并列）

2.不小心破坏了格式，可以按tab向后缩进，按多了就用shift+tab向前缩进

注释

1.-vscode中添加/删除注释的快捷键是ctrl+/(再按一次就删除注释了，变成原来的样子)

2.注释格式：<!--..........-->

标题标签

新闻标题，文章标题，产品名称等等

1.h1到h6，都是双标签，文字加粗，字体逐渐变小，独占一行

2.其中h1一个网页中只能用一次，而其他标签无使用限制

段落标签

新闻段落，文章段落

1.标签名p，双标签

2.特点：换行（独占一行），段落间有间隙

换行标签和水平线标签

1.换行<br>,水平线<hr>   都是单标签。

2.按几个br就换几行。

文本格式化标签

一般用左边的一套，因为自带强调含义

主要记strong加粗，em倾斜

图像标签

在网页中插入图片

1.<img src=图片的url>

2.在vs写代码的时候直接打./  有提示功能

3.img单标签功能是嵌入图片，src是其中的必需属性，用来指定图片的位置和名称

4.

  这是可用的属性。

 5.属性写在标签后面，用空格隔开，且不区分先后顺序

路径

 1.相对路径写法：

   .      当前文件所在文件夹

   ..     当前文件上一级文件夹

   /      进入某个文件夹里面

2.绝对路径应用场景：友情链接（文件在线网址）

3.一般用相对路径，不用绝对路径

4.两种路径区别：相对从当前文件位置出发查找文件，绝对是从盘符出发

 （ps： /是斜线，\是反斜线）

超链接标签

1.作用是点击跳转到其他页面

2.<a herf="">文字内容</a>

3.跳转到本地文件，用相对路径查找

4.超链接中的一个属性target，新窗口跳转一个新页面，用target=“_blank“

5.不知道超链接跳转地址，用一个属性#，即herf=#

音频标签

1.格式：   <audio src="音频的URL"></audio>

2.常见属性：

 在html中，如果属性名和属性值完全一样，可简写为一个单词，所以上面除src外的三个属性写的时候就写个单词

视频标签

1.<video src="视频的URL"></viideo>

2.常见属性

想自动播放还必须要有muted

网页制作思路

从上到下，先整体在局部，逐步分析制作。

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

ctrl+x 剪切

当vscode中敲字母没提示时，可以空一格再敲一下试试

网页制涉及超链接时，超链接可以先剪切，用#先跳转地址