1,开始标签<html>结束标签</html>
单标签<br />或者<br>,2,标签关系1,包含 <html>
<head></head>
</html>
2,并列
<head></head>
<title></title>,
3,ctrl+放大
ctrl-缩小
!可以生成骨架
4,文档声名标签
<!DOCTYPE html>
5,zn-CN语言为中文
en语言为英文
6,UTF-8万国码,包含各国用到的字符
7,<p>我是一个段落标签</p>
8,段落标签,<p>****</p>
<p>****<p>
换行标签,<p>****<br />***</p>
9,文本格式化标签
我是<strong>加粗</strong>文字 <strong></strong> <b></b>
倾斜<em></em> <i></i>
删除线<del></del> <s></s>
下划线<ins></ins> <u></u>
其中第一个语义更强烈
10,<div>与<span>均用来布局
<div>我是一个div标签我一个人单独占一行</div>(可以看成一个大盒子,里面放图片或文字)
<span>可以看成一个小盒子,一行可以有多个span</span>
11,图像标签和路径
1),<img> 使用时<img src="图像.后缀"/>
(图像标签必须要写src)
文字一般在图像旁边,想放在上面单独一行
(标题和br都能独占一行)
2) alt替换文本 图像显示不出来用文字替换
<img src="图像URL" alt="文字"/>
3)title提示文本 鼠标放在图像上,提示的文字
<img src="图像.后缀" title=""/>
4)width设置图像的宽度<img src="img.pdj" alt="我爱黑马" title="我是小黑" width="500"/>
height设置图像的高度<img src="img.pdj" alt="我爱黑马" title="我是小黑" height="100"/>
(注意宽度和高度修改一个即可,另一个让他等比例缩放)c
border给图片设置边框<img src="img.pdj" alt="我爱黑马" title="我是小黑" width="500" border="15"/>
(注意:各属性之间不分先后,但必须用空格隔开)
12,,目录文件夹 :普通文件夹
根目录:打开目录文件夹的第一层
13,1)打开文件夹,选择文件,文件里的所有都会显示,可随意切换
若想新建,写完名字敲回车
2)直接把文件拽到vscode原页面
14,图像相对路径 图片相对于HTML位置
1)同一级路径:
<body>
<img src="img.pdj"/>
</body>
2)下一级路径
<body>
<img src="images(同一级文件夹名字)/img.pdj"/>
<body>
3)上一级路径
<body>
<img src="../img.pdj"/>
</body>
15,绝对路径:
1)文件夹里
<img src="C:\user\案例\img.pdj"/>
(注意相对路径/ 绝对路径\)
2)网页图片
点击图片右键 复制图片地址
<img src="粘贴"/>
16,标题链接
<h1>标题标签</h1>
<h2>标题一共六级选</h2>
<h3>文字加粗一行显</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写后</h5>
<h6>具体效果刷新见</h6>
-----啦啦啦啦啊
17,超链接标签
1),外部链接-腾讯
<a href="http://www.qq.com">腾讯</a>
2),内部链接
<h4>内部链接:网站内部页面之间相互链接</h4>
<p>内部链接需要加上html,外部链接不用</p>
<a href="gongsijianjie.html">公司简介</a
3)空链接
< h4>空链接:#</h4>
<a href="#">公司地址</a>
4)下载链接
<h4>下载链接:地址链接是 文件 .exe或者是zip等压缩包的形式</h4>
<a href="img.zip">下载文件</a>
5)网页元素拼接
<h4>网页元素拼接:在网页中的各种网页元素,如文本,图像,表格,音频,视频等都可以添加超链接</h4>
<a href="http://www.baidu.com"><img src="img.jpg"/></a>
6)锚点链接
<h4>锚点链接:点我们点击链接,可以快速定位到页面的某个位置</h4>
1,早年经历<br />
2,<a href="#live">个人经历</a><br />
<h3 id="live">个人生活</h3>
早年他是个孩子