Html例
Html的一些简单语法的例子我放在上面,自己写的时候,可以对照着来写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--网站关键字的描述-->
<meta name="keywords" content="XXX123">
<!--网站的描述-->
<meta name="description" content="321XXX">
<!--网页的名字-->
<title>张某某</title>
</head>
<body>
<!--用hx代表标题,标题是h1最大h6最小-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<!--用<p></p>来表示段落 也就是文章一段一段的-->
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
<!--用<br>来表示换行 用$nbsp来表示空格 用<hr/>来表示下划线-->
我爱Java<br>所以我喜欢学Java
<hr/>
这是一个 空格
<strong>这是一个重要语句</strong>
<b>加粗</b>
<em>斜体</em>
<i>斜体</i>
</body>
</html>
效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--特殊符号标签-->
<!--大小于号标签-->
>
<
<!--版权标签-->
©
<!-- 万能的公式 &<后面可以跟各种特殊符号> 跟了phone就会出现电话-->
☎
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--标签中带有参数的 key=value -->
<!--
src: 资源图片 : 图片的路径
alt: 图片加载失败,表示图片的问题,也即图片描述
title: 鼠标放在图片上的悬浮提示
width: 宽
height:高-->
<img src="../statics/images" alt="这是一个错误图片" width="200" height="200">
</body>
</html>
因为我没有存进去图片,所以他是错误的。也就是会出现 “这是一个错误图片”这段文字
超链接:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接练习</title>
</head>
<body>
<!--target后跟_self代表的是在本页面跳转 _blank是在新窗口中打开-->
<a href="https://www.baidu.com" target="_blank">百度一下</a>
<!--和图片的嵌套-->
<a href="https//www.baidu.com" target="_self"><img src="/static/images" alt="这是一个错误图片"></a>
</body>
</html>
点击图片或者文本都会跳转到百度的搜索页面
锚链接:
锚链接就是在读文章的时候的回到顶层或者回到底层之类的连接举例:()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>短文</title>
</head>
<body>
<a href="#markerA">跳转最底层</a><br>
<!--<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
<pre>
而且,石碑道友也没有撒谎——现在的宋书航,对于诸天万界的长生者来说,的确是个大宝藏!
要知道,霸宋和‘道子’间一直保持着紧密的联系。而且,他刚经历了‘天道视界’,从入梦状态中退出。
如今的宋书航身上,蕴含着一些经过他身体转化后的‘不朽信息残余’。
——直视不朽信息,连顶尖长生者也要陷入永眠。但这些经过转化的‘不朽信息残余’,却能被长生者们所捕捉,分析。
如果运气好,能铸下基础的话,未来说不定能更进一步,接触更深奥的不朽信息。
不仅如此。
现在的霸宋,在完善自己的‘第二长生法’。在这期间,他基本上是站在‘超出长生者’的视界,来看待事物。
长生者们如果向霸宋展现自己的‘长生法奥义’,说不定还能从宋书航那得到一些回馈,补足自身,令自己的长生之道更进一步!
这是真正双赢的局面。
——唯一的难处,就是大多数长生者,都不会希望将自己的‘长生奥义’向别人解释。
……
……
石碑道友在离开宋书航后,便展现出自己高超的求生欲!
怼大佬这种事情虽然很刺激,但是再刺激的事情也不能天天干是不?对心脏不好。
刺激的事情,一个月或者几个月去玩一次就行,天天玩,谁受的了呀?
所以,在宋胖球尽量想将事情往‘战斗’这一侧拉扯的时候,石碑道友就在后方努力发挥自己的口才,将事情往‘和平解决’上靠拢。
能用嘴炮搞定的战斗,就尽量不要上拳头!
真的到了无法和平解决的时候,再让宋胖球登场不迟——它也会全力协助宋胖球!
宋胖球眉头微皱,心里有点后悔带上石碑道友。
身为九幽主宰的化身,它渴望战斗和破坏。
腰间,求生欲空前强烈的石碑道友,瞬间就察觉出宋胖球心态波动,并推算出它的心情。
于是,石碑道友悄悄向宋胖球传音:【我们时间有限,外界的时间流逝速度,比本体在‘时间秘境’中的流逝要快太多。所以,我们尽量不能浪费时间,争取以最快的速度,将最多的长生者道友送入到时间秘境中,供给本体吸收。】
【有道理!我竟然差点忘记了这事!】宋胖球恍然大悟。
看来,本体身上的挂件中,除了那三尸分身有点不太聪明的样子外,其它的挂件都还是很靠谱的。
【那我们能迅速用语言交流解决的,就好好交流。就算要用战斗解决的,我也会尽量一上来就开大,争取在最短的时间内解决掉敌人。】宋胖球同样传音入密回道。
对面。
书界长生者嘴角微微抽搐。
他的秘法,虽然无法看出宋胖球和石碑道友交流的详细情况,但通过‘气场’的变化,宋胖球情绪的转化,书界长生者隐隐之间能猜测到一些大概。
比如……如果不答应的话,他和好友无钰仙子恐怕要被锤一顿。
【无钰,如果我们两个联手的话……你觉得有希望打赢对面的霸宋分身吗?】书界长生者保持着恬静的笑容,一边暗中询问道。
【如果只有霸宋分身的话,你我二对一,稍稍有点胜率。但如果加上他腰间的那块石碑,我感觉我们赢面不大。】无钰仙子回道。
她是火星事件的旁观者,对宋胖球的战力有一个非常直观的了解。
同时,她注意到那块石碑上,隐隐刻画着四个非常恐怖的文字……那文字令她心悸。
【那,你要打一场不?】书界长生者问道。
【我脑糊了?】无钰仙子翻了个白眼。
</pre>
<a name="markerA"></a><br>
</body>
</html>
文中段落选自网络写手圣骑士的传说的《修真聊天群》。
如有侵权,请联系作者删除。
点击跳转到最底层,页面就会跳转。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>联系我们</title>
</head>
<body>
<a href="mailto:29854581@qq.com">联系我们</a>
</body>
</html>
通过邮件连接联系
块元素,行内元素
例如
标签和标签都是块元素,就是其内容独占一行而有些标签,如粗体 斜体之类的或者 都是可以在一行中添加元素的。