前端标签|青训营笔记

112 阅读3分钟

快捷键

  1. shift+alt+上下箭头 多行复制
  2. 选定多个相同单词 双击选中+ctrl+d
  3. 添加多个光标 ctrl+alt+上下箭头
  4. 全局替换某个单词 ctrl+h查找再全部替换
  5. ctrl+g 转到指定行数位置
  6. 选择某个区块 shitf+alt
  7. 放大 ctrl+

文档类型的声明标签

文档类型声明,作用:浏览器使用哪种HTML版本来显示网页 意思是:当前采取html5版本显示页面

注意

  1. 声明位于文档最前面
  2. 不是HTML标签,是文档类型声明

lang语言

用来定义当前文档显示的语言

html lang="zh-CN"

  • en英语
  • zh-CN中文

但其实,定义成en也可以写中文,同理,相反

起提示作用

字符集

meta charset="UTF-8"

UTF-8被称为万国码

HTML常用标签

标题标签h1-h6

强调作用

段落和换行标签

p定义段落,可以将整个网页分为若干个段落

br / 单标签

文本格式化标签

strong或b加粗

em或i倾斜

del或s删除

ins或u下划线

盒子标签

div和span,没有语义,就是一个盒子,用来装内容

div是division的缩写,一行只能放一个div,大盒子

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

==图像标签和路径==

img标签用于定义HTML页面中的图像

img src="图像URL"/ 单标签

src是该标签的必须属性,用于指定文件名

图像标签的其他属性

 1. alt 替换文本(图片显示不出来的话显示的文字)
 2. title 提示文本 鼠标放图片上提示的文字
 width 宽度
 height 高度
 border 边框
 
 使用方法:img src="tupian" alt="jieshiwenzi"

图像标签和路径

图像标签

注意:

  • 图像标签可以拥有多个属性,必须写在标签名后面
  • 属性不分前后顺序,用空格分离
  • 属性="属性值"

路径

  1. 目录文件夹:普通文件夹,存放了做页面所需要的相关素材
  2. 根目录:打开目录的第一层就是根目录
  3. 路径
  4. 相对路径
    • 同级路径直接写文件名
    • 下一级路径写文件夹/文件名
    • 上一级路径写../文件名
  • 同级路径直接写文件名
    • 下一级路径写文件夹/文件名
    • 上一级路径写../文件名

超链接

语法规范

a href="跳转目标"target="目标窗口弹出方式(默认是_self)"尖括号 需要点的名称 尖括号/a

self是当前窗口打开 blank是新窗口打开

外部链接需要写http,内部不用,空连接写#

图片,文字都可以作为链接点进去的开关

锚点链接:点击后跳到网页中的目标位置,a herb="#起个名字",给需要的位置的标签h1 id="起的那个名字"

注释和特殊字符

注释

以""结束

快捷键:ctrl+/

特殊字符

&nbsp 空格

&lt 小于

&gt 大于

连续用用分号分隔