HTML基础使用
source link: https://blog.51cto.com/u_15907719/5929567
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
HTML基础使用_qq6392ddb39ca28的技术博客_51CTO博客一.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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK