HTML标签及常用操作
2018-09-09 本文已影响0人
蔚来天空
1、HTML最基本页面
<!DOCTYPE html>
<html>
<head>
<meta charset = 'UTF-8'>
<title>网页标签</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
2、元素
将一个完整的标签称为元素
常用标签
| 标签 | 说明 |
|---|---|
| meta | 设置页面的字符集，页面描述，网页关键字，请求的重定向 |
| <meta charset = 'utf-8'> | 设置页面字符集 |
| <meta name='description' content=''> | 设置网页的描述 |
| <meta name='keywords' content=''> | 设置网页的关键字 |
| <meta http-equiv='refresh' content='5;url=网站地址/'> | 设置5秒后跳转到该网站 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>稻香_周杰伦</title>
</head>
<body>
<center>
<a href="#end">回到底部</a>
<h1>这是我的个人博客</h1>
<hr>
<h3>东风破</h3>
<a href ="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin">周杰伦</a>
<p>对这个世界如果你有太多的抱怨<br/>
跌倒了 就不敢继续往前走<br/>
为什么 人要这么的脆弱 堕落<br/>
请你打开电视看看<br/>
多少人为生命在努力勇敢的走下去<br/>
我们是不是该知足<br/>
珍惜一切就算没有拥有<br/>
还记得 你说家是唯一的城堡随着稻香河流继续奔跑<br/>
微微笑 小时候的梦我知道<br/>
不要哭 让萤火虫带着你逃跑<br/>
乡间的歌谣 永远的依靠<br/>
回家吧 回到最初的美好<br/>
不要这么容易 就想放弃<br/>
就像我说的<br/>
追不到的梦想 换个梦不就得了<br/>
为自己的人生鲜艳上色<br/>
<img src="day_01/1.jpg"><br/>
先把爱涂上喜欢的颜色笑一个吧<br/>
功成名就不是目的<br/>
让自己快乐快乐<br/>
这才叫做意义<br/>
童年的纸飞机<br/>
现在终于飞回我手里<br/>
所谓的那快乐<br/>
赤脚在田里追蜻蜓 追到累了<br/>
偷摘水果被蜜蜂给 叮到怕了<br/>
谁在偷笑呢<br/>
我靠着稻草人 吹着风 唱着歌 睡着了 哦 哦<br/>
午后吉它在虫鸣中更清脆 哦 哦<br/>
阳光洒在路上不怕心碎<br/>
珍惜 一切就算没有拥有<br/>
还记得 你说家是唯一的城堡<br/>
随着稻香河流继续奔跑<br/>
<img src='day_01/2.jpg'><br/>
微微笑 小时候的梦我知道<br/>
不要哭 让萤火虫带着你逃跑<br/>
乡间的歌谣永远的依靠<br/>
回家吧 回到最初的美好<br/>
还记得 你说家是唯一的城堡<br/>
随着稻香河流继续奔跑<br/>
微微笑 小时候的梦我知道<br/>
不要哭 让萤火虫带着你逃跑<br/>
乡间的歌谣 永远的依靠<br/>
回家吧 回到最初的美好<br/>
</p>
<hr>
友情链接: <a href="https://y.qq.com">QQ音乐</a> <a href="https://music.163.com">网易云音乐</a> <a href="http://www.kugou.com">酷狗音乐</a>
<p id='back-to-top'><a href="#top">返回顶部</a>|联系我们</p>
<a name="end"></a>
</center>>
</body>
</html>
效果图01
效果图02
