3.5html学习日志

初始html

3.5

“!”快速生成html页面

插件

Auto Rename Tag

open in browser

one Dark Pro

live server

vscode-icons

easy less

会了吧

快捷键

快速复制一行 shift+alt+↓
选定多个相同的单词 ctrl+d
添加多个光标 ctrl alt 箭头
全局替换某个单词 ctrl h
跳转行 ctrl + g
选定某个区块 shift alt 拖动鼠标
多行注释 ctrl shift /
单行注释 CTRL /

常用标签

标题标签

-

6个等级的网页标题

<h1></h1>

段落标签

<p></p>

换行标签

// 单标签
</br>

文本格式化

粗体,斜体,下划线

加粗

div和span

没有语义,就是个盒子,用来装内容

div独占一行,

span一行可以放很多个,是一个小盒子

图像标签和路径

属性
alt 图像显示不出来,显示文本
title 鼠标放在图片上显示的文本
with 设置图片宽度
height
border 设置边框宽度

相对路径

分类
同级
下一级 /
上一级 ../

超链接标签

<a href="" target=""></a>

href 链接

target 打开方式,本页面打开,还是新开页面打开,_self, _blank

锚点链接

    <a href="#top">回到顶部</a>
    <h1 id="top">视评线丨一场国会演讲 为什么让特朗普背后的他憋出内伤</h1>

特殊字符

空格 &nbsp
< &lt
> &gt
posted @ 2025-03-05 21:21  巴普洛夫的dog  阅读(7)  评论(0)    收藏  举报