Html基础学习(篮球基于W三school网络教程)

//幸免乱码

笔者对坐在对面的章行说,你长得很厌恶。

head中加入

酒店里人声鼎沸,来来往往的男男女女嬉戏打闹,须臾间就攻克了本身的声音。可是作者坚信章行听见了。他憨憨的笑容在自个儿说话落下的那一刻突然像季冬挂在屋檐的冰疙瘩,硬生生的结在他的确有点雅观的脸颊。

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>

自个儿说的是,你长得很厌恶。

 

假定本人是说,你很讨厌。或然他可爱的表情会平昔持续到本次晚饭甘休。也许头脑不难的他当自家在扭捏也说不必然。重点应该是,那句轻描淡写的话中,藏着那么2个“长得”。作者并未刻意强调,只是,听者有心。

//在head中使用外部样式表举办格式化

章行刚才还兴致昂然的脸孔,忽然像西伯阿瓜斯卡连特斯冷空气掠过后的湖面,再也无力回天漾起一些涟漪。

<link rel=”stylesheet” type=”text/css” href=”xxxxx.css”/> 

自家立即认为温馨很严酷,干嘛在今年说这一句。为啥不是在承诺跟他用餐此前,又或然等大家排难解纷的吃完那顿饭然后,总好过于那半途个中,一句话杀得外人措手不如。不过小编又有何方式。像本人那种完美主义的一片丹心捍卫者,碰巧又好感于小情小调文字的小女人,当然容不得本人的男朋友长得如此平庸。

 

可是,章行毕竟是章行,憨厚成性的她愣了须臾间就初始调解和处理。仍旧是标识性的憨然1笑。

//使用html样式表实行格式化

“嘿嘿,小编此人是比较胃痛,可是习惯了就好。”

<style type=”text/css”>  

“那纵然本身习惯不了呢?”

         xxxx

章行好不轻便解冻的笑脸,再贰次心急火燎的冰冻在脸上。笔者骨子里是看不惯他那副自以为是的宽厚笑容,以为那样就可以给旁人传达一条规矩可信赖的情报,从此能够心情舒畅的接受他一如既往憨厚的情愫。

</style>

不,章行,笔者不是您感到的那种小心呵护就会小鸟依人的女子。笔者不是。因为您也不是自己想要的那种笑容有点坏,可是目光清澈的男士。

 

不想再多看一眼章行临沧八稳的长方型脸,小编直接拎着包起身离开。

//bgcolor定义背景颜色;background=”xxxx”钦命背景图片,如图片小于页面,图片会重复展现

那是本人在成为章行女朋友之后第3次和他壹道用餐。追溯回去,小编成为他女对象的光阴也只是多少个星期。

 

那么……

//<p>标签</p>

——对,你猜对了——二个星期从前,作者的男友另有其人。

段落标签。浏览器会忽略源代码中的排版,会轻巧多余的空格和换行等。

笔者想要的,男朋友,程霄。

要想换行,可用<br/>来兑现。

一个女童,在强烈之下承认,有些男孩是他想要的男友,你想会有多难为情呢。应该比一句“小编喜爱您”更令人难以启齿吧。因为“想要”那么些词语除了令人感受到汹涌的情义之外,甚至额外的令人联想到越来越深层次的天性本能。类似于1个女童赤裸裸的私欲被人有时候发现一样,让听者脸上都禁不住泛起红霞。

 

可是马上作者就是那么勇敢的失态大声喊着,程宵,你是小编想要的男友!

//h一-h陆题指标签

体育馆上那么人,那么多追求过本身的男孩。他们早已蜂飞蝶舞的拱卫在本身身边,都被貌似矜持的一句“对不起”狂暴拒绝。而现行,他们内心自然都“呸”了一声:原来,你也但是是个这么低贱的巾帼。

<h一>h一题指标签</h一>

体育场上也还有那么多女子,日常习认为常在自个儿悄悄窃窃私语女孩子,被小编清高不过相对精致的颜值压的踹但是气来之所以平时用眼神对自个儿施加鄙夷的女子,今后终于能够清爽的冷哼一句:这就是所谓的清高么,卿茗!

<h贰>h贰题指标签</h二>

不过小编有如何方法?二个为情所困的小女人,她的赤剌剌的剖白假设再迟一刻,心爱的男儿就会牵起别人的手——

<h叁>h3标题标签</h3>

分外维夏的黄昏,高校的第七三棵梧桐树上边,熠熠闪光的是程宵坏坏的笑容。

<h4>h肆标题的签</h肆>

“卿茗,你说您欣赏笔者?”

<h5>h伍题指标签</h五>

“嗯……”

<h陆>h六题指标签</h6>

“哦,怎么个珍重法?”

只顾:请唯有把标题的签用于标题文本。不要独自为了爆发粗体文本而利用它们。粗体可采取其余标签或
CSS 替代。

自家恍然抬发轫,不可名状地看着前面这些让本身心向往之的男人,眼里闪烁着难以置信的光辉。不过只是那么壹瞬,笔者的头又安静的低下去。像有个别女诗人描述的,再清高的半边天,碰着了倾心的男人,都会那样低下去,一贯低到尘埃里。

 

随后,就是相对续续的诉说。那一个个辗转难眠的夜晚,那多少个个浓情蜜言的素笺,那个个心跳脸红的相遇……因了涌动的心思,隐匿于心的潜在就这么一塌糊涂的被披暴光来。像是柒10月雷雨过后的山洪那么翻腾不息,又像是元春解冻后的溪流那么细水流长。

//文字居中

好不轻巧壹述衷肠。

<h四 align=”center”>用align=”center”将文字居中。</h四>

满感觉那样卑微的诉讼要求,能够迎来心属哥们的灿然1笑,伸手来深情相拥。从此先导旧事里的海约山盟,地老天荒。可是程宵却要本身今日在训练场跟他告白,那一句惊天动地的话不是“作者喜欢你”,而是——

 

程宵,你是本人想要的男友!

//hr标签用于加水平线

多多可笑的要求,不过及时本人答应的那么干脆,那么决绝。因为,程宵清澈的眼神,忽然颇有意味的飘向第三棵梧桐树。那一年,中国语言军事学系唯1能够跟小编等于的女人6媛正貌似无心的通过。

<hr />

后来。

 

后来程宵气宇轩昂的走过来牵起自小编的手。

//注释<!–XXXX–>

有着赏心悦目弧线的唇,以胜利者的态势铺天盖地的压了下来。小编终归是个妇女,除去全身无力就是头昏的幸福感接踵而来的从心脏出发,达到肆肢百骸。

<!–注释不会在浏览器中展现。–>

那一刻,小编从来不看见,程宵再抬开始时引发的眉。那样不可一世的向世人发表,你看,你们心目中清高的好看的女人今后就在本人的怀中。又是这样夹杂着轻狂与不足的笑话笔者,卿茗啊卿茗,你也可是那样。

 

那一刻,笔者同样未有看见六媛红的猴屁股同样的脸蛋泪流满面,眼神里洋溢了抑郁与怨恨,就像在责怪本身为啥未有去阻止那1体产生。

//背景颜色

唯独,固然看见了又怎么样啊,我会推开程宵高昂着脑袋决然的离去么?我会轻轻抱住六媛说对不起自身把程宵让给你么?不会,小编要的只是其1眉目清秀的匹夫,就算这一场情感一起初作者就从不了尊严。

bgcolor=”xxxx”

实在自个儿何以事情不清楚啊?程宵在第83棵梧桐树下与自身遭遇以前,已经在率先颗梧桐树下对6媛说了千篇1律的话吧。程宵胜利的微笑,正是在向跟他打赌的一干兄弟注解卿茗所谓的恬淡正是这么三战三北吧。6媛流泪满面包车型地铁样子,是在后悔十分的小概像本身同1耷拉身段这么卑微的去迎接程宵的心绪施舍吧。

 

自个儿如何都了然,什么都通晓。可惜程宵就是那么的吸引着笔者,就如挑动的火花吸引着飞蛾。笔者就像四只蠢笨的飞蛾一样,那么愿意的扑向程宵,扑向那团熊熊点火的火苗,即便失去翅膀,固然不能飞翔,笔者在所不惜。

//背景图像

据此,小编只是假装懵懂无知,在一片尖锐的呼哨声中,至死不悟的倒在程宵的怀抱。把心里灼烧的痛,牢牢的压在心底。

background=”xxxx”

从酒店里面走出去,已经是华灯初上的随时。子昂路上的灯都那么讽刺那

 

么暧昧的次第亮了肆起,一盏1盏绵延到远方,连接着校门口伍光10色的霓虹。

//链接

在子昂路上走着走着,作者泪突然落了下来,肉体到底不用招架的蹲了下去。

透过a标签href=”xxxx”定义,在新窗口展开用target=”_blank”

那时候,作者和程宵就是那样分手的——

<a href=”http://www.baidu.com” target=”_blank”>百度</a>

非常时候,他早已排毒张胆的拉着6媛的手满学校的跑。男人总是不便掩藏本人的好奇心吧。当他打败了一座高锋,非常的慢,他又会有下三个对象。陆媛正是程宵继小编之后的下壹座山上。

 

通过以前世界一战,六媛是通透到底的被作者输给了。在此之前还明里暗里跟自己较劲,前边就很识相的一无往返了所谓的红颜气质来,老老实实做一个观赏性还不易的花瓶。毕竟,连一个最精锐的挑衅者都乐意为了爱情放下清高,她还一位在那边矜持个怎么着劲儿。

//图像

女性不做作了,什么魔力都出去了。程霄在那所高级高校里是出了名的花心,对自作者厌倦之后,被中国语言工学系大变样的第壹大美女陆媛吸引再顺理成章可是了。再说,当初若是笔者从没那么大胆,后来跟章行牵手的也应当是六媛——

经过img的src定义,假诺不能浮现图片,则展现alt中的文字

笔者感觉实在是倦了,当初那股两肋插刀的气魄也不知底跑到何地去了,所以,在酒店里跟程霄吃完最终一顿饭就和平的分开了。我认为小编不会流泪,然则程霄脸上毫不在乎的表情还是深远的刺痛了作者。拎着包冲出来的时候,子昂路上的路灯像今儿中午一律被哪个人施了魔法一般,1盏一盏的亮起来,跟校门口的霓虹连成一片。笔者蹲在地上痛不欲生,铺天盖地的痛楚须臾间压了下来。

<img src=”xxxx” alt=”xxxx” />

章行是其一时半刻候出现在本人身边的,他递过壹包心相印纸巾,说,卿茗,其实本人早就喜欢您很久了。

 

接下来,小编就成了章行的女对象……

//文本格式化

子昂路上,橘色的灯光因为有了泪水的浸润显得有些波光粼粼。

<b>文本格式化,那是粗体文本bold,用b标签</b>

任泪水在脸颊画出一道又一道浅痕,笔者豁然认为很累很累。当初喜欢程霄的狂妄是从哪儿来的胆子啊,小编说不上。大概是因为太过的轶事都在渲染爱情的宏伟,小编恰恰一己之见的把典故剧情搬上了生活舞台,所以将来被现实揭发本人的纯真,才显得如此窘迫。

<strong>文本格式化,那是加重语气strong,用strong标签</strong>

所谓的皇子跟公主,然则是在骗孩童的连环画上走过场。大概,笔者一同先就不该奢求婚情有豪华的外部,不应有假想多个笑脸有点坏不过眼神清澈的皇子,不应当相信天长地久天长地久的誓言。

<big>文本格式化,那是大号字big,用big标签</big>

站起身来,双脚因为蹲得太久很不争气的酥麻无力。

<em>文本格式化,那是至关主要文字emphasized,用em标签</em>

抬发轫,才发现本身被笼罩在一片入夜的薄雾个中,路灯像被蒙了面纱的童女,面目朦胧的模糊。

<i>文本格式化,那是斜体文字italic,用i标签</i>

稳步拖着步子走着,眼睛却被国外路灯下熟识的身影所牵绊。

<small>文本格式化,那是中号字small,用small标签</small>

是他么?

 

本人心中突然充满了愧疚的期望。我清楚本身应有愧疚的,可是,为啥还有极大概率吗?他笑起来憨憨的,目光也不澄清。他的脸鄂州八稳,看起来有点洋洋得意。

//预格式文本用pre标签

唯独,为何还有意在吧?

<pre>

“卿名……”

这是

当他好不轻易表情怯怯不过目光坚定地站在自家近年来,笔者到底驾驭,作者在希望什么。

预格式文本。

抑或那双有点粗糙的手,如故那包细软的心相印,轻轻拂过自身的脸,轻轻拭去那一道道泪水印迹。

它保留了      空格

“卿名……“

和换行。

“章行——”笔者突然抬初步看着前面以此为自笔者擦眼泪的男儿,眼睛笑了起来,“我们还一直不进食啊?”

</pre>

章行的手忽然缓了下去,眼睛静静的望着自个儿,时间好像停滞在这一刻。

 

朦胧的灯光里,雾越来越浓,可是,作者却看得更其清楚。

//链接到同壹页面包车型大巴某地方,用name属性命名“锚”

<a href=”#C4″>查看 Chapter 4。</a>

<h2>Chapter 1</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>

<p>This chapter explains ba bla bla</p>

<h2><a name=”C4″>Chapter 4</a></h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>

<p>This chapter explains ba bla bla</p>

 

//表格用table,border为边框宽度,tr-th-td

<table border=”1″>

<tr>

  <th>表头1</th>

  <th>表头2</th>

  <th>表头3</th>

</tr>

<tr>

  <td>100</td>

  <td>200</td>

  <td>300</td>

</tr>

<tr>

  <td>400</td>

  <td>500</td>

  <td>600</td>

</tr>

</table>

 

结果:

篮球 1

//横跨两列的单元格:

<table border=”1″>

<tr>

  <th>姓名</th>

  <th colspan=”2″>电话</th>

</tr>

<tr>

  <td>Bill Gates</td>

  <td>55577854</td>

  <td>55577855</td>

</tr>

</table>

结果:

篮球 2

//横跨两行的单元格:

<table border=”1″>

<tr>

  <th>姓名</th>

  <td>Bill Gates</td>

</tr>

<tr>

  <th rowspan=”2″>电话</th>

  <td>55577854</td>

</tr>

<tr>

  <td>55577855</td>

</tr>

</table>

结果:

篮球 3

//带有 单元格边距cellpadding:

<table border=”1″  cellpadding=”10″>

<tr>

  <td>First</td>

  <td>Row</td>

</tr>  

<tr>

  <td>Second</td>

  <td>Row</td>

</tr>

</table>

结果:

篮球 4

//表格中元素的地点

<table width=”400″ border=”1″>

 <tr>

  <th align=”center”>消费档次</th>

  <th align=”center”>一月</th>

  <th align=”center”>二月</th>

 </tr>

 <tr>

  <td align=”left”>衣服</td>

  <td align=”right”>$241.10</td>

  <td align=”right”>$50.20</td>

 </tr>

 <tr>

  <td align=”left”>化妆品</td>

  <td align=”right”>$30.00</td>

  <td align=”right”>$44.45</td>

 </tr>

</table>

篮球 5

//1个冬辰列表:

<ul>

  <li>咖啡</li>

  <li>茶</li>

  <li>牛奶</li>

</ul> 

篮球 6

//二个壹如既往列表,start为起始序号:

<ol start=”50″>

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol> <hr />

 篮球 7

//Disc 项目的记列表:

<ul type=”disc”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul> 

篮球 8

//Circle 项指标识列表:

<ul type=”circle”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

篮球 9

//Square 项指标记列表:

<ul type=”square”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

篮球 10

//数字列表:

<ol>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 11

//字母列表:

<ol type=”A”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol>  

篮球 12

//小写字母列表:

<ol type=”a”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 13

//达拉斯字母列表:

<ol type=”I”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 14

//小写达Russ字母列表:

<ol type=”i”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 15

//两个嵌套列表:

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶</li>

    </ul>

  </li>

  <li>牛奶</li>

</ul> 

篮球 16

//表单:form-input

         文本域  text fields

         密码域  password,密码在输入时展示*号

         复选框 
checkbox,是个小方块,checked可钦定选项是或不是暗中认可选定,能够经过点击接纳或注销

        
单选按键:radio,checked钦定私下认可选项,点击个中3个按键时,该按键变为选中状态,其余具有按键都改成非选中。

         下拉列表:select-option,用selected可钦定默许选定的选项。

         文本域 textarea,rows高,cols宽

         按钮 button

         提交 submits

         田野set 相近带边框的成效

 

<form action=”xxxx”> <!–假使简单 action 属性,则 action
会棉被服装置为眼下页面。method规定在付出表单时所用的 HTTP
方法GET或POST–>

        
<!–暗中同意用GET方法。假使表单提交是被动的,未有趁机信息,比如找出引擎查询。用GET时,表单数据在页面地址栏中是可知的。

                  
借使表单正在更新数据,大概隐含敏感音信(例如密码)。POST安全性好,因为页面地址栏中被提交数据是不可知的。–>

         姓:<input type=”text” name=”firstname” /><br />

         名:<input type=”text” name=”lastname”/> <br />

         密码:<input type=”password” name=”password” /><br
/>

         爱好 :篮球<input type=”checkbox” name=”aihao”
value=”basketball” />足球<input type=”checkbox” name=”aihao”
value=”football” /><br />

         性别 :男<input type=”radio” checked=”checked” name=”Sex”
value=”male” />女<input type=”radio”  name=”Sex” value=”female”
/> <br />

         请接纳出生地:

         <select name=”place”>

                   <option value=”anhui”>安徽</option>

                   <option value=”jiangsu”>江苏</option>

                   <option value=”hubei”
selected=”selected”>湖北</option>

                   <option value=”jiangxi”>江西</option>

         </select>

         简介:

         <textarea name=”jianjie” rows=”2″ cols=”25″>

                   此人很懒,什么都未有留给!

         </textarea>

         <input type=”button” value=”Hello world!”>

         <input type=”submit” value=”提交”>  
<!–点击提交按键后,会将数据交到到action中的页面。若是轻易 action
属性,则 action 会被安装为近期页面。–>

         <fieldset>

           <legend>健康新闻</legend>

             身高:<input type=”text” />

             体重:<input type=”text” />

   </fieldset>

</form>

 

//主次因素排列图片:设置对齐格局的图像

<p>图像 <img
src=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”bottom”>
在文件中,文字据下,为私下认可格局</p>

<p>图像 <img src
=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”middle”>
在文书中,文字居中</p>

<p>图像 <img src
=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”top”>
在文件中,文字局上</p> <hr />

 

<p>

<img src =”https://www.baidu.com/img/baidu\_jgylogo3.gif” align
=”left”>

富含图像的三个段子。图像的 align 属性设置为
“left”。图像将转移到文本的最左侧。

</p><hr />

 

<p>

<img src =”https://www.baidu.com/img/baidu\_jgylogo3.gif” align
=”right”>

富含图像的1个段子。图像的 align 属性设置为
“right”。图像将扭转到文本的最左侧。

</p>