Html基础学习(基于W3school互联网教程)

看完《夏洛蒂烦恼》,我好几也笑不起来。

//幸免乱码

胸怀坦荡地说,小编在看《Charlotte烦恼》时,一向没有完完全全地放松下(Panasonic)来大笑一场。影片起头,夏洛在中学班花秋雅的婚礼上被老婆揭老底,被人们作弄,喝多了在厕所昏昏睡去,进入了梦乡——占据了全片五分之四时长的梦。

head中加入

传说的多边内容都在那些梦里。和正好进入梦境的夏洛一样,观者的脑英里会有二个声响不绝于耳提醒着“那只是个梦”。

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

看过贰个很煽情的段落。

 

有一天你突然惊醒,发现本人只然则在高中的课堂上睡着了,今后经历的成套只可是是一场梦。阳光照在您的面颊,眼睛眯成一团。然后您告知同学,本人做了3个好长,好长的梦,同桌骂你白痴,让您美好听课……

//在head中动用外部样式表举行格式化

夏洛刚刚重回课堂的弹指间,大概就是这段话的影视版。但是夏洛并没有打算好好再过二次中学生活,而是大闹课堂、强吻秋雅、火烧窗帘。

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

夏洛之所以那样做,不仅仅是因为她对中学时代是怀有恨意的(婚礼上王先生嘲笑她是二白痴一叶报秋),更是因为他以为这场梦会一点也不慢恢复,既然会飞快苏醒,就不必好好经营。那事实上是一种破罐子破摔的情绪,和夏洛真实世界中混的很惨很吻合。

 

唯独,夏洛打错了算盘。从夏洛跳楼却绝非摔死的那一刻起,夏洛就承受了她已经活在梦幻里的真情。

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

粉丝也是。

<style type=”text/css”>  

无论梦有多少长度,梦毕竟是梦。越是美好的迷梦,回归现实的说话,越是迎来一股巨大的空虚感,令人怅然若失。有心的观者看完那部电影之后,或许会有一部分惊讶,因为那种体验和做梦其实很类似。

         xxxx

周豫山说,正剧就是将美好的事物打碎给人看。《夏洛特烦恼》即使是正剧,最后究宿却是喜剧。

</style>

《夏洛蒂烦恼》的喜剧内核不仅仅在于整部影片始于一场梦,为止于虚无,还在于无论在梦里梦外,全体剧中人物最终都不可幸免地走向喜剧命局。

 

夏洛的内人马冬梅,在切实中养家糊口,养夏洛那个窝囊废。一个女孩子嫁给这么的女婿,也算是倒了八辈子霉。

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

只是马冬梅在睡梦里的气数一点也没好到哪儿去。她一出生伯伯马东就死了,所以他叫“马东没”。喜欢夏洛却被种种嫌弃,最后嫁给了比夏洛排行还高的大傻子大春。

 

马冬梅表示了社会对一类女性的姿态。足球滚到身边,一个大脚开走;学标枪,把裁判扎到了;甚至被黑帮三弟带到小树林,反过来把黑道四弟两眼扎瞎了。(看这一幕时自身认为以出品人的尿性肯定是马冬梅把陈凯制伏,当时未曾交给结局,结果多年过后才说出来)或者您早就清楚那是哪类人,对——就是“女男生”。马冬梅的气数基本上可以回顾为“女男人没有好结局”,其实她很温柔,甚至很狼狈。

//<p>标签</p>

对立于马冬梅,班花秋雅就像运气好广大。其实也只是感觉而已,秋雅同样是个喜剧的人选。

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

梦幻中的秋雅,嫁给了博古通今的夏洛,在你惊叹长的狼狈的才女运气总是那么好时,却被告知相公患上了自汗。

要想换行,可用<br/>来落到实处。

万一您足足细心的话,你会想起来,影片开头秋雅的婚礼上,新郎是壹位又老又丑的伯父,以至于马冬梅搞错了她的身价。

 

在这部影片中,出品人无时无刻都在暗示秋雅是个“心机婊”。

//h1-h6标题标签

秋雅不止叁回说到“汉子老点丑点不要紧,最要害是要有才情”。那句话堪称本片“影眼”,下文少禽展开说。在此间,出品人其实是在说,秋雅只是看上了夏洛的才情,并不是确实爱她。那也为新兴秋雅和袁华出轨做了铺垫,夏洛患上风肿进而陷入三人的笑点。

<h1>h1标题标签</h1>

从主流价值观和政治正确的角度来看,秋雅其实比马冬梅还要灾祸,无论在梦里梦外,她都不曾本身的精神风貌展现,反而沦为金钱的债务国(喜欢夏洛的才华其实是足以展现,后来夏洛生病了就跟袁华偷情)。

<h2>h2标题标签</h2>

夏洛的命局自不必说,现实中的Loser,结束学业多年在家瞎混,靠老婆养家。爱妻中午给人拔火罐,晌午蹬三轮。为了讨中学班花秋雅的欢心,把爱人买发动机的钱随了份子。

<h3>h3标题标签</h3>

夏洛现实中如此不堪,在梦里也没好到何地去。

<h4>h4标题标签</h4>

夏洛在梦境里最终患病身死其实并不是特地倒霉的事体。夏洛在梦幻里有两处正剧时局,远远比患尖锐湿疣让他难受。

<h5>h5标题标签</h5>

咱俩再来看一下秋雅的名言:

<h6>h6标题标签</h6>

相公老点丑点不要紧,最重点是要有才气。

只顾:请唯有把标题的签用于标题文本。不要一味为了发出粗体文本而选拔它们。粗体可使用其余标签或
CSS 代替。

在秋雅照旧个中学生的时候,她就已经直接了本地表明了他的择偶观,那未尝什么样难点。

 

夏洛在睡梦里有没有才华?有!可是,夏洛的才华并不是源自他自我,而是依靠“穿越”的能力。

//文字居中

就此在夏洛那里,大家看出的是,他并从未真的取得秋雅的真诚,因为秋雅喜欢的是她的才情而不是她,那是夏洛无可幸免的正剧时局的一有些。

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

那如果才华没有了吧?

 

夏洛在睡梦中持有的全部,都营造在她所谓的“才华”之上。什么人也不明了,那么些原唱的歌手们会不会按期出现。恐怕在某一天,有些被他超越唱了歌的大腕就会站出来,揭下她虚伪的面具,将他的黄粱梦砸得粉碎。即使是在梦里,他也不能过得落到实处。

//hr标签用于加水平线

夏洛一直隐约的不安,一向有个声响在他耳边指示他,“纵然有人指出来,你连做梦都没的做。”这种自制的心境像火药一样堆积,终于在周杰伊(英文名:zhōu jié lún)登台时被倾泻出来。夏洛暴打周杰伦(英文名:zhōu jié lún),周杰伦先生接受采访时说“作者总觉得自作者活在她的黑影里”,那实际也是在说,夏洛活在以周杰伦先生为表示的歌唱家的影子里。

<hr />

那才是让夏洛真正烦恼的事务。得了吗,别提什么讲究目前人,看看夏洛醒来后的显现,他真正不会去烦恼他的卢瑟人生。

 

//注释<!–XXXX–>

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

 

//背景颜色

bgcolor=”xxxx”

 

//背景图像

background=”xxxx”

 

//链接

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

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

 

//图像

经过img的src定义,假设不可以显示图片,则显示alt中的文字

<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

//二个无连串表:

<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

//小写秘Luli马字母列表:

<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钦赐暗许选项,点击其中一个按钮时,该按钮变为选中状态,其他具有按钮都变成非选中。

         下拉列表: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>