目录
HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。
“超文本”（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。
1.html关于标签的学习
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一</title>
</head>
<body>
<h2>标题</h2>
<h3>标题标</h3>
<h4>标标签</h4>
<p>在中国的教育行<br />业</p><p>1203121354546546</p>
<strong>1321321</strong>
<em>132132</em>
<del>8888</del>
<ins>132123</ins>
<div>这是头条</div>//一个人独占一行 超大盒子<br>
<span>等等</span>//小盒子 不会独占一行<br>
//图像标签(单标签)和路径 alt图像替换文本 title 提示文本鼠标放在图片提示 border边框
//src 图像文件位于html下一级 <img src="https://i0.hdslb.com/bfs/sycp/creative_img/202108/6f8b612d81e9e9024db17527a5f16e0d.jpg@.webp" alt="shenmeyemeiy"/> <br />
//上一级 <img src="../baidu.gif" alt="没有什么"/><br />
<img src="C:\Users\17222\Pictures\63777257537964.png" alt="hhh" title="提示" width="500" height="600" border="15"/>
//链接标签 href是跳转目标 target 目标弹窗的方式 <br>
外部链接 必须以http://web地址 这样的语法<br>_blank以新窗口打开<br>_self 在当前窗口打开<br>
<a href="http://qq.com" target="_blank">腾讯的</a><br>
//内部链接 不需要加http://<br>空链接herf 中写#<br> 下载链接地址链接的是文件.exe .zip<br>
//网页元素链接<br>
<a href="http://ww.baidu.com"><img src="img.jpg" alt=""></a><br>
锚点链接:点击链接可以快速定位到页面的某个位置<br>
1.<a href="#jingli">早年经历</a><br />
2.<a href="#live">主要作品</a><br />
<h1 id="jingli">早年经历</h1>
2131354515645646541
<h1 id="live">主要作品</h1>
121656lll<br />
<!-- 注释学习 ctrl+/ -->
ndsjaikhjk adsa小于<大于>
</body>
</html>1.1综合案例1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>梵高向日葵遭受番茄酱袭击</title>
</head>
<body>
<a href="https://www.msn.cn/zh-cn/entertainment/news/%E6%A2%B5%E9%AB%98-%E5%90%91%E6%97%A5%E8%91%B5-%E9%81%AD%E7%95%AA%E8%8C%84%E9%85%B1%E8%A2%AD%E5%87%BB-%E6%96%87%E7%89%A9%E8%89%BA%E6%9C%AF%E5%93%81%E5%AE%89%E5%85%A8%E4%B8%8E%E8%BF%91%E8%B7%9D%E7%A6%BB%E6%AC%A3%E8%B5%8F%E8%83%BD%E4%B8%A4%E5%85%A8%E5%90%97/ar-AA134pkg?ocid=msedgntp&pc=EDGENTP&cvid=cca737bcf6c640699a04746c7da780fe" target="_blank">原文请看</a><br>
1.<a herf="#li">事件回放</a>
2.<a href="#ss">yo23</a>
<h1>梵高向日葵遭受番茄酱袭击,文物艺术品安全与近距离欣赏能两全</h1>
近日，英国国家美术馆收藏的梵高名作《向日葵》遭遇两名社会组织成员用番茄酱破坏，引发全球关注。不过好在该幅画作外层有玻璃保护，事件发生后6小时已恢复展出。据英国媒体报道，目前两名当事人被指控犯有刑事损害罪，并将于12月接受进一步审判。近日，英国国家美术馆收藏的梵高名作《向日葵》遭遇两名社会组织成员用番茄酱破坏，引发全球关注。不过好在该幅画作外层有玻璃保护，事件发生后6小时已恢复展出。据英国媒体报道，目前两名当事人被指控犯有刑事损害罪，并将于12月接受进一步审判。
这不是梵高的作品第一次遭遇这样的险境，今年6月30日他的另一幅作品《桃花源》也曾被同一组织成员袭击，今年5月，《蒙娜丽莎》也曾被观众用蛋糕砸中。<br />
在博物馆、美术馆参观时，不少观众都希望与展品更近距离接触。在一些业内人士看来，除了使用新的科技手段对展品加强保护，完善的参观守则与安全巡视方案也必不可少。<br />
安全与欣赏能否两全？记者走访了部分博物馆和美术馆。<br />
<h2 id="li">事件回放：半年内多幅名画遇袭</h2>
北京时间10月14日，英国国家美术馆展出的梵高作品《向日葵》前，来自纽卡斯尔20岁的安娜·霍兰德（Anna Holland）和来自伦敦21岁的菲比·普卢默（Phoebe Plummer），在众目睽睽之下忽然打开番茄酱罐头，将之泼洒在画上，并跨进护栏内将手贴在墙壁上，大声向观众表达石油对气候带来的影响，并发问“到底什么更重要，是艺术还是生命？”<br />
待一系列动作完成后，姗姗来迟的安保人员才将两人带离。英国国家美术馆后续表示，该事件对画框造成轻微损坏，画作受玻璃保护并未受损。约6小时后，《向日葵》恢复展出。通过网络，这段视频迅速传遍全球。<br />
<img src="C:\Users\17222\Desktop\web\html\综合案例\images\AA134wZx.jfif" alt="梵高向日葵遭受番茄酱袭击" title="梵高向日葵遭受番茄酱袭击" ><br />
两个年轻人将番茄酱泼在梵高名作上<br />
<h2 id="ss">今年6月30日，该组织两名成员同样身着印有组织名称的服装，在英国伦敦考陶德美术馆内，用胶水把手粘在了梵高另一幅作品《桃花源》的画框上，喊话艺术机构负责人应“呼吁英政府立即停止所有新的石油和天然气项目”。此前，该组织还曾在英国国家美术馆所藏的英国画家约翰·康斯特布尔的作品《干草车》上粘贴图片。</h2>
<p>而就在今年5月30日，卢浮宫镇馆之宝《蒙娜丽莎》也曾遭遇袭击。一名坐着轮椅、戴着假发的男子忽然从轮椅起身，将蛋糕抹在了画上。男子曾在现场大叫“所有的艺术家都要为地球考虑”。所幸2019年卢浮宫已为《蒙娜丽莎》安装新的防弹玻璃，这一艺术瑰宝和此次的《向日葵》一样，没有遭到破坏。</p>
<img src="images\AA134fKL.jfif" title="梵高向日葵"><br />
</body>
</html>1.2展示效果
2.表格标签
用于展示数据
2.1 案例2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table align="center" width="500" heigh="900" cellspacing="0" cellpaddingg="300" border="1">
<thead>
<tr>
<th>排名</th><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th>相关搜索</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="" alt=""></td>
<td>456</td>
<td>123</td>
<td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="" alt=""></td>
<td>456</td>
<td>123</td>
<td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="" alt=""></td>
<td>456</td>
<td>123</td>
<td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td><img src="" alt=""></td>
<td>456</td>
<td>123</td>
<td><a href="#">贴吧</a><a href="#">图片</a><a href="#">百科</a></td>
</tr></tbody>
</table>
</body>
</html> 
2.2合并单元格
3.列表标签
3.1无序列表
3.2自定义列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4>你喜欢的食物</h4>
<ul>
<!-- ul里边只能放li标签 li里边可以放所有元素 -->
<li>留恋</li>
<li>时间</li>
<li>dd</li>
</ul>
<h4>无序</h4>
<ol>
<li>ddd</li>
<li>ddd</li>
<li>ddd</li>
<dl>
<dt>名词</dt>
<dd>无</dd>
<dd>无</dd>
<dd>无</dd>
</dl>
</ol>
</body>
</html> 
4表单标签
用于收集用户信息
下拉标单元素 select
5. Html查阅文档
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
