html学习第二话
Posted 别碰我的宏定义
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html学习第二话相关的知识，希望对你有一定的参考价值。
html第五话：表格标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<h3 align="center">静夜思</h3>
<p align="center">床前明月光，疑是地上霜。</p>
<p align="center">举头望明月，低头思故乡。</p>
</div>
<hr>
<div>
<h3 align="center">春晓</h3>
<p align="center">春眠不觉晓，处处问题鸟。</p>
<p align="center">夜来风雨声，花落知多少。</p>
</div>
<div>
<ol align = "center">
<li>HTML</li>
<li>CSS</li>
<li>javascript</li>
<li>jQuery</li>
<li>vue.js</li>
</ol>
<ul type="square">
<li>
HTML
</li>
<li>
CSS
</li>
<li>
JavaScript
</li>
<li>
jQuery
</li>
<li>
Vue.js
</li>
</ul>
</div>
<dl>
<dt>
HTML
</dt>
<dd>
制作网页的标准语言，控制网页的结构
</dd>
<dt>
CSS
</dt>
<dd>
层叠样式表，控制网页的样式
</dd>
<dt>
JavaScript
</dt>
<dd>
脚本语言，控制网页的行为
</dd>
</dl>
<style type="text/css">
table,tr,tdborder:1px solid silver;
</style>
<table align="center">
<caption>考试成绩表</caption>
<tr>
<td>HTML</td>
<td>CSS</td>
<td>1</td>
</tr>
<tr>
<td>
JavaScript
</td>
<td>
JQuery
</td>
<td>
2
</td>
</tr>
</table>
</body>
</html>
html第六话：第六话图像标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片</title>
</head>
<body>
<!--图片常用格式jpg, png支持背景透明,gif支持动图 psd(pd)-->
<p align="center">
<img src="https://img.zcool.cn/community/019566590a8752a80121455082906c.jpg@1280w_1l_2o_100sh.jpg" alt="" width = "300">
<img src="https://img.zcool.cn/community/0120f75afa83d8a80121604512f85f.jpg@1280w_1l_2o_100sh.jpg" alt="" width = "300">
<img src="picture/4.jpg" alt="" width="300px"/>
<img src="41.jpg" alt="我是替换文本" title="" width="300px"/>
<img src="picture/4.jpg" alt="我是替换文本" title="我是你爸爸" width="300px"/>
<!--img 中 alt是替换文本当图片加载失败时出现替换
title是显示文本，当鼠标移动到图片上时出现提示文字-->
<img src="picture/4.jpg" alt="我是替换文本" title="我是你爸爸" width="300px" border="15"/>
<img src="D:\\webStormProject\\picture\\4.jpg" alt="" title="我是你爸爸" width="300px" border="15"/>
</p>
<!--src 表示路径-->
<!--width 宽度 height 高度-->
</body>
</html>
html第七话：链接标签和本页跳转标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1、超链接标签</title>
</head>
<body>
<!--<h3 id="live">个人生活</h3>-->
<h4 id="back">顶部</h4>
<a href="#live">个人生活</a><br/>
<h4>2、外 部链接</h4>
<a href="http://www.qq.com" target="_blank">腾讯</a>
<!--a标签中href = "http://www.baidu.com" target = "_self 当前页面 blank新页面"-->
<a href="http://www.itcast.cn", target="_blank">传智播客</a>
<h4>3、内部链接</h4>
<a href="test4.html" target="_blank">test4</a>
<a href="#">公司地址</a>
<h4>4、下载链接：地址链接的是 文件 .exe 或者是压缩包的文件</h4>
<a href="picture/4.zip">下载文件</a>
<h4>5.网页元素的链接</h4>
<a href="http://www.baidu.com"><img src="picture/4.jpg" alt=""></a>
<h3 id="live">个人生活</h3>
<p>
刘德华（Andy Lau），1961年9月27日出生于中国香港，籍贯广东新会，
中国香港影视男演员、歌手、制片人、作词人。1981年出演电影处女作《彩云曲》。
1983年主演的武侠剧《神雕侠侣》在香港取得62点的收视纪录。1985年发行首张个人专辑
《只知道此刻爱你》。1990年凭借专辑《可不可以》在歌坛获得关注。1991年创办天幕电影公司。
1994年获得十大劲歌金曲最受欢迎男歌星奖；同年担任剧情片
</p>
<p align="center">
<a href="#back">返回顶部</a>
</p>
<!-- <a href="#live">个人生活</a><br/>-->
</body>
</html>
以上是关于html学习第二话的主要内容，如果未能解决你的问题，请参考以下文章