标签：... 网页 ctrl 标签 基础 HTML 使用 alt win
一.html基本结构
1.网页基本结构
<!DOCTYPE HTML>
<html>
<head>
<meta charsret="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
2.网页基本结构使用的标签
（1）<html>...</html>
作用：标记html文档的开始和结束
（2)<head>...</head>
作用：网页的头部，通常用于对网也进行设置
（3）<body>...</body>
作用：网页的主体部分，页面上的显示的内容都是在body里
（4）meta
作用：1.设置编码格式
2.搜索关键字
3.搜索内容的描述
（5）<DOCTYPE HTML>
作用：声明这个文档是html类型
（6）<title>...</title>
作用：导航栏，用于网页导航信息
二。基本标签
（1）标题标签
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
(2)段落标签
<p>...</P>
(3)水平切线
</hr>
(4）换行标签
<br/>
(5)图片标签
1.基本语法
<img src=""/>
2.作用
img就是图片标签，src就是路径
3.属性
title：鼠标停在图片上的时候，显示提示文字
alt：图片加载失败的时候，文字代替
width：图片的宽度
height：图片的长度
4.补充
查找图片的时候 ../ :返回上一级目录
（6）超链接标签
1.基本语法
<a href="">...</a>
2.作用：
a标签就是超链接标签，href表示要跳转页面的路径
3.属性
在新窗口打开网页：target="_blank"
在本窗口打开网页：targer="_self"
4.其它功能
（1)锚链接
1.基本结构
第一步却定标记位置：<a href="" name="起一个名字">...</a>
第二步回到标记位置：<a href="你起的名字" name="">...</a>
2.执行顺序
href--->name
关键：其它标签第一步可以使用id代替name，比如<img src="" id="你起的名字"/>
（2）功能性链接
<a href="mailto:[email protected]">联系我们
<a href="tencent://message"/?uin=3485321570>我的QQ<a>
(7)加粗标签
<b>...</b>
(8)倾斜标签
<em>...</em>
(9)缩小标签
<small>...</small>
<10>删除线
<s>...</s>
(11)下划线
<u>...</u>
三。特殊符号
<!---->:注释，用来标记代码，快捷键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
标签：...,
网页,
ctrl,
标签,
基础,
HTML,
使用,
alt,
win
From： https://blog.51cto.com/u_15907719/5929567