目录
一、html5主题分为三部分
1.子标签在父标签中需要缩进两个字符
<html>
<head>
<head>
<html>2.先写title里的内容
<title>网页头部内容<title>3.网页内容写在body里
<body>
<h1>一级标题</h1>
<p>段落</p>
<a href="">链接</a>
<img scr="图片路径“alt=”图片替换文字"/>
</body>4.F12查看网页源代码
火狐：选择查看器
谷歌：选择Elements
5.常用标签
| 标签 | 作用 | 写法 |
| h1、h2、h3、h4、h5、h6 | 标题标签 | <h1>标题</h1> |
| p | 段落标签 | <p></p> |
|
br |
换行标签 | <br/> |
| hr | 水平线标签 | <hr/> |
| img | 图像标签 | <img src=”图片路径”alt=”图片替换字”> |
| strong | 字体加粗标签 | <strong>文本内容<strong> |
| em | 字体倾斜标签 | <em>文本内容</em> |
| a | 超链接标签 | <a href=”目标地址”>链接提示语</a> |
备注：
标签不区分大写
<img src=”图片路径”alt=”图片替换文字”/>中的alt是当图片展示不出来时，以文字方式展示
转义符
|
|
空格转义符 |
| > | 大于号 > |
| < | 小于号 < |
| " | 双引号 “” |
| © | 版权符号 @ |
注意：&开头，分号结尾都是转义符，因此需要注意不能漏掉开始的&和结尾的；
二、超链接补充：
页面间链接：
<a href=”目标地址”target=””>链接提示语</a>
target有两个值：
_self是默认值，表示本页面跳转
_blank表示新建页面跳转（每点击一次都跳转到一个新页面）
锚链接：
使用锚链接需要先设置锚点，锚点设置使用id=”锚点名称“，然后链接标签中的href=”#锚点名称“
例子：
设置锚点：<img id=”img” src=”” alt=””>
设置锚点：<h1 id=”title”>标题</h1>
指向锚点：<a href=”#img”>跳转到图片位置</>
指向锚点：<a href=”title”>跳转到标题位置</>
功能性链接：
电子邮箱、QQ、MSN等链接：<a href=”mailto:ke@kgc.cn”>联系我们</a>
行内元素和块元素：
块元素： 无论内容多少，该元素独占一行（p、h1-h6）
行内元素：内容撑开宽度，左右都是行内元素的都可以排在一行（a、strong、img、em…）
../路径
ctrl+d删除一行
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/97234.html
