软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【陶雅秋:第一次前端培训】

  • 陶雅秋
  • 2022-10-10
  • 0

(这些笔记是之前用html记的,所以格式有点奇奇怪怪了)

入门知识

英文版的叹号在VSCode 自动出程序

注释的快捷键是ctrl+/

保存的快捷键ctrl+s

打开网页的快捷键是alt+B

选中同一个符号按ctrl+D就能够同时修改

br分段落 段落之间没有空隙
p分段落 行与行之间有空隙

header 元素通常用于包含头部介绍性相关的元素,是 HTML5 中新增元素。它可以使用全局属性。一个网页中可以使用多个 header 元素,也可以在每个独立的内容机构中使用 header 元素

nav 是 Navigation 的简称,通常用于网页中的导航栏,使用 nav 将网页中导航栏相关的标签归拢在一个区域,这样结构更清晰明了

hr是加分割线

p是分段落

加粗有b strong

u ins 是下划线

i em 是倾斜

s del 是删除线

img后 src 是文件路径 alt是替换文本 title是在鼠标悬停的时候显示

width和heigt用来调宽度和高度如果只改一个就另一个等比例改变

audio是加音频 video是加视频
controls是显示播放的控件
autoplay是自动播放 视频加muted可以实现静音播放
loop是循环播放

a href加链接 href是跳转链接 如果网页制作初期,,还不知道链接地址,可以填#(空链接)
链接的回引号后加target(选择打开网址的方式)
target=_blank表示在新窗口中打开该链接;
target=_self表示相同框架,即在当前窗口(或当前选项卡)中打开该链接
还有两个不常用的:
target=_parent,将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象_self参数一样。
target=_top,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架

index首页或索引

关于列表

标签组成

ul标签表示无序列表的整体,用于包裹标签
ol标签表示有序列表的整体,用于包裹标签
li表示无序列表的每一项,用于包含每一行的内容

dl表示自定义列表的整体,用于包裹dt/dd标签
dt表示自定义列表的主题
dd表示自定义列表的针对主题的每一项内容

显示特点:

列表每一项前默认显示圆点标识
dd前会默认显示缩进效果

注意点

ul和ol标签中只允许包含li标签
li标签中可以包含任意内容
dl标签中只允许包含dt/dd标签
dt/dd可以包含任意标签

陶雅秋
陶雅秋
© 2026 软件园学生在线
Theme by Wing