这篇博客介绍了HTML5的基本标记、超链接、图像、列表、表格和表单的使用，详细讲解了HTML5的新增元素和结构。此外，还探讨了CSS的基础，包括字体样式、颜色背景、文本属性等，以及CSS3的边框、背景、文本、多列等新特性。
目录
html
1.HTML的基本标记
- HTML的基本组成
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title> <!--编写标题-->
</head>
<body>
<!--文本标记语言编写处-->
</body>
</html>
- 头部信息
<!--头部信息-->
<head>
<meta charset="UTF-8">
<title>Title</title> <!--编写标题-->
</head>
<!--标题标记-->
<title>Title</title> <!--编写标题-->
<!--元信息标记-->
<meta charset="UTF-8">
- HTML的注释标记
<!----> 快捷键: shift + ctrl + /
- 标题字
从<h1>到<h6>，其中<h1>标题重要性最大（最大），<h6>标题重要性最小（最小）
- 标题对齐属性 align
| 属性值 | 作用 |
|---|---|
| left | 向左对齐 |
| center | 居中对齐 |
| right | 向右对齐 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 align="left">向左对齐</h1>
<h2 align="center">向中对齐</h2>
<h6 align="right">向右对齐</h6>
</body>
</html>
6. 换行标记 br
7.不换行标记 nobr
7. 段落文字 p
8. 水平线 hr
<br> 换行
<nobr> 不换行
<p></p> 段落文字
<hr> 水平线
- 其他标记
| 特殊符号 | 符号代码 |
|---|---|
| 空格 |   |
| “ | " |
| & | < |
| > | > |
| × | × |
2. 超链接
-
超链接
语法：<a href = "链接地址"> ...</a> -
超链接打开方式
语法：<a href = "链接地址" target = ”属性值“> ...</a>
| 属性值 | 含义 |
|---|---|
| _self | 当前窗口打开 |
| _blank | 新的窗口打开 |
| _parent | 当前架构的上一层打开 |
| _top | 在根框架打开 |
-
锚点链接
当点击连接时，就会调到相应的位置语法：<a href=" #锚点链接"></a> -
外部连接
语法：<p> <a href = "http://..."></a></p> -
连接到E- mail
<a href="mailto:邮箱地址">网页创建E-mail使游客快速反馈自己的意见</a> -
链接到FTP（传输协议）
<a href="ftp://ftp 地址">通常用于上传或者下载文件目录</a>
1. 图像
图像格式：GIF格式、JPEG格式、PNG格式
-
插入图像
语法：<img src="图像文件地址" width="图像宽度" height="图像高度">
| 属性 | 描述 |
|---|---|
| src | 图像的源文件 |
| alt | 提示文字 |
| width height | 宽度和高度 |
| border | 边框 |
| vspace | 垂直间隔 |
| hspace | 水平间隔 |
| align | 排列 |
| dynsrc | 设定avi文件的播放 |
| loop | 设定avi文件循环播放的次数 |
| loopdelay | 设定avi文件循环播放延迟 |
| start | 设定avi文件播放方式 |
| lowsrc | 设定低分辨率图片 |
| usemap | 映像地图 |
-
图像超链接
点击图像可以跳转到另一个页面语法：<a href="连接地址" > <img src="图片地址"></a>
3.使用列表
- 有序列表 ol
<ol>
<li>周一</li>
<li>周二</li>
<li>周三</li>
<li>周四</li
最低0.47元/天 解锁文章
1238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
