HTML5基础

作者：知新_RL | 2024-03-04 13:36:50

踩

HTML5基础

1.HTML网页结构
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8"/>
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>

2.基本标签

名称	标签	示例
标题标签	<h1>~<h6>	<h1>静夜思</h1>
段落和换行标签	<p>…</p>、<br/>	<p>床前明月光<br/>疑是地上霜</p>
水平线标签	<hr/>	<hr/>
斜体	<em>…</em>	<em>举头望明月</em>
字体加粗	<strong>…</strong>	<strong>低头思故乡</strong>

3.特殊符号

特殊符号	字符实体	示例
空格	&nbsp;	<a href="#">百度</a> \|&nbsp; <a href="#">新浪</a>
大于号(>)	>	如果时间>晚上6点，就坐车回家
小于号(<)	<	如果时间<早上7点，就走路去上学
引号(")	&quot;	W3C规范中，HTML的属性值必须用成对的&quot;引起来
版权符号©	©	© 2018 课工场版权所有

4.图像标签
语法 <img src="path" alt="text" title="text" width="x" height="y"/>
src图像地址 alt图像的替代文字 width图像宽度 height图像高度

5.链接标签
语法 <a herf="" target="">链接文本或图像</a>

6.超链接的应用
1、页面间链接：A页到B页，网上常见链接
<a href="detail.html" target="_blank">姑娘，欢迎降落在这残酷的世界</a>
2、锚链接：跳至自身固定位置，或A页跳到B页固定位置，需锚标记
创建跳转标记 <a name="marker">乙位置</a>
创建跳转标签 <a herf="#marker">甲位置</a>
3、功能性链接：电子邮件、QQ、MSN等链接
<a href="mailto:ke@kgc.cn">联系我们</a>

7.行内元素与块元素
行元素：无论内容多少，该元素独占一行（h1，p）
块元素：内容撑开宽度，左右都是行内元素的可以排在一行（a，strong，em）

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/187676