htmlcss学习笔记：第一节常用的html标签

Posted 2022-03-03 慈恩慈恩

vscode创建html文件

!+tab 生成html文件模板

安装open in browser 插件，邮件在浏览器中打开网页修改title

常用的html标签

1. html注释

   <!--  -->
   

   注释的快捷键，ctrl + /

2. 标题标签

   <h1> hello world </h1> 
   

   标题的快捷键，打出 h1 + tab

3. 段落标签

   <p> 段落</p> 
   

   段落快捷键： p + tab （以下依此类推）

4. 无序列表

   <ul> 
   
   	<li>  </li>
   
   </ul>
   

   无序列表ul ，有序列表ol ， li是列表元素

5. 超链接标签，（锚点标签）

   <a href = \'http://baidu.com\'> 跳转到百度</a></a>
   

   href 后面跟具体的连接地址

6. 图片标签

   <img src = \'文件路径\' alt =‘图片加载失败...\'>
   

   src 后面跟文件路径； alt 后面跟图片加载不出时的显示文字

7. div标签

   无语义标签，用于划分多个标签的代码区域

8. span标签

   无语义标签，用于划分一行标签的代码区域

html属性（定义于头标签内）

1. src 属性
2. id 属性
3. class属性