HTML基础使用

75 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 16 天,点击查看活动详情

一.html基本结构

1.网页基本结构

2.网页基本结构使用的标签

(1)...

作用:标记html文档的开始和结束

(2)...

作用:网页的头部,通常用于对网也进行设置

(3)...

作用:网页的主体部分,页面上的显示的内容都是在body里

(4)meta

作用:1.设置编码格式

2.搜索关键字

3.搜索内容的描述

(5)

作用:声明这个文档是html类型

(6)...

作用:导航栏,用于网页导航信息

二。基本标签

(1)标题标签

...

...

...

...

...
...

(2)段落标签

...

(3)水平切线

(4)换行标签


(5)图片标签

1.基本语法

2.作用

img就是图片标签,src就是路径

3.属性

title:鼠标停在图片上的时候,显示提示文字

alt:图片加载失败的时候,文字代替

width:图片的宽度

height:图片的长度

4.补充

查找图片的时候 ../ :返回上一级目录

(6)超链接标签

1.基本语法

...

2.作用:

a标签就是超链接标签,href表示要跳转页面的路径

3.属性

在新窗口打开网页:target="_blank"

在本窗口打开网页:targer="_self"

4.其它功能

(1)锚链接

1.基本结构

第一步却定标记位置:...

第二步回到标记位置:...

2.执行顺序

href--->name

关键:其它标签第一步可以使用id代替name,比如

(2)功能性链接

联系我们

<a href="tencent://message"/?uin=3485321570>我的QQ

(7)加粗标签

...

(8)倾斜标签

...

(9)缩小标签

...

<10>删除线

...

(11)下划线

...

三。特殊符号

:注释,用来标记代码,快捷键ctrl+shift+?

& :和and

 ;:空格

:大于号>

< :小于号<

" :引号"只有一个,比如";引号"

&coppy :版权符合,比如&coppy;最终解释权归我所有

四。快捷键

复制:ctrl+c

粘贴:ctrl+v

撤销:ctrl+z

保存:ctrl+s

剪切:ctrl+x

回到桌面:win+d

关闭:alt+f4

关闭游览器导航栏:ctrl+w

windows重命名:f2

WebStrom重命名:F5

删除:Delete

切换:alt+tab

切换投影仪模式:win+p

查找:ctrl+f

全选:ctrl+a

打开计算机:win+e

打开运行:win+r

锁屏:win+l

最大化:alt+空格+x

win带的截屏Prtscr