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

产生那么同样众口,总是好精神抖擞得指点着别人的国家,但又以让自己拖累在情爱的城之外。一直游走在相恋之面面俱到大,却执意迈不上圆内的春光世界。那么C小姐,就是这般的内某。 

//防止乱码

当更过一次次厚要同时夸的反思后,C小姐算找到了阻止其向上康庄大道儿的症结,就是观念的偏正问题。
在C小姐上小学的时,班上之女生及隔壁班的男生,在年级达到广泛是比出名的,可她底班主任也是一致号称当男女关系上有所异人禀赋的老二形似女人,所以那时候之青春逸事,总是猜得几近,流传得广,打压得狠。直到多年过去,C小姐才自多口相告中,了解及作为传闻主角的完好剧情,不禁感慨,你于桥及瞎溜达,看似瞎溜达的食指犹当楼上看山水。 

head中加入

不过自古打压出背叛,混乱中来勇于。即便政策高压,青春之悸动毅然蓬勃发展。似乎好年龄的有点女生,好像真的是杀喜欢运动好的男生,什么成就好人品佳,都不比运动会及走得快。 

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

接着瞬间到了初中三年,那是正台湾偶像剧火热的年代,在坐“就是酱紫”和“你来没发当认真听自己出口”的腔调里,误入歧途的冷淡恶少,遇见第二傻大咧的贫家少女成为一定之主题,亘古不衰,历久弥新。大概是起那时候开始,C小姐对于才俊的老三观测偏好,就变换得不得了不刚了。也是以大年纪,C小姐站在不同的粗女生友情圈里,观望到均等段段真正的校园的恋。那些年轻轶事虽然以过去连年后,早已不被丁脸红心跳得心慌,但依然作为在同学聚会的保留节目被持续提起,让丁忘记不掉那段珍藏记忆受到的无限得意时。 

 

这边想只要列举一下C小姐身边XYZ等小姐的例证,却发现无哪例都来在多像的叠。也许十七八春之恋情就是这般,很认真,很心伤,很长情。毕竟特别时刻,真的是为了一个人,而对阵了合社会风气。然后我们会铭记好人分外长远很长远还怎么也记不清不掉,到无是他真发生多好,而是他真的蛮巧出现于挺大实在的年龄里。也许多年事后,当我们又以在绿色的足球场上回顾都,会当事情都变得简单,不过即使是我们好了,我们分开,仅此而已。在这,特别祝福我们生命被的那些XYZ小姐等,好闺女总会翻篇儿。 

//在head中行使外部体制表展开格式化

故事就,C小姐通过了三年黄埔军校存数理灭人索要之高考奋战时光,对型男的正儿八经,就转前行了高丽棒国,并且从此再无踏足华娱世界。在更了太阳白净长手指,清澈眸子花美男,圆寸耳钉雅痞男后,大眼单眼皮变成主存偏好。就于C小姐和其的伴侣们乐此不疲于高丽国的美色时,身边的学霸们暗地里走符合了恋爱之季。不过学霸的社会风气我们不明了,这里就无细赘述了。 

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

还至后来底新兴,C小姐便直达大学了。也许人犹是出斯德哥尔摩情的,越是到可放开大胆爱的时刻,越是提不起恋爱之趣味。也是于这么的地步下,异地恋大军,成为高校恋爱军团的支柱。C小姐的外一样嬉戏小伙伴F小姐,就是外乡恋军团中的确的好的样子。沉静,通透,态度坚定却也未常口表忠心。用它的讲话说不怕是,老娘谈还同您谈话了,就成形同上瞎煲鸡汤了。真的也是,爱情很直接,哪来那么多高度可以起。 

 

故事说到此处,C小姐的爱恋回忆录就可了了。因为爱情故事,总是那么爱流入俗套,在除中间种种的狗血剧情后,就光剩下了开头和末段:我们坐爱当合,我们不便于后分别。 

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

莫不C小姐以会拉着闺中密友彻夜聊着那些爱情,然后转又于闺蜜圈中昭告天下可怜谁哪个哪个死优秀,然后几乎上后以生新的名加入到她们的讨论着。毕竟对于爱情,谁还要说得亮啊?

<style type=”text/css”>  

         xxxx

</style>

 

//bgcolor定义背景颜色;background=”xxxx”指定背景图片,如图小于页面,图片会另行显示

 

//<p>标签</p>

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

使想换行,可用<br/>来促成。

 

//h1-h6题标签

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

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

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

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

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

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

只顾:请只有把题目标签用于标题文本。不要只为了闹粗体文本一经利用它。粗体可运任何标签或者
CSS 代替。

 

//文字居中

<h4 align=”center”>用align=”center”将亲笔居中。</h4>

 

//hr标签用于加水平线

<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

//小写罗马字母列表:

<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

         fieldset 周边带边框的机能

 

<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”>

饱含图像的一个段。图像的 align 属性设置为
“right”。图像将转至文本的极致右侧。

</p>