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

就算用贰个词形容清迈,笔者乐意选拔善意。

//幸免乱码

篮球 1

head中加入

从未喜欢过度打卡式以及旅客照式的骑行,所以一向秉承着不难攻略加上随便暴走的格局伊始了对于这些小城的研商,会有因为喝了Dry
Martini微醺而心情舒畅到爆;晚上骑着小摩托不小心上了高架惶恐而惊叹;民族风的高开叉裤中途拉链坏了,路边买了一条印满大象的革命曾祖母裤搭配着露背吊带也被小编穿出了前卫的觉得,无奈而奇怪,而自笔者最终被那么些城池里的微笑而倒下。

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

篮球 2

 

带着真实和虚幻,感受当地人的生活习惯是一件幸福的作业。从旅社向宁曼路走,每二个小院子有着独特的建筑风格,闲置的墙壁上被涂鸦侵吞,老姑婆聂聂的带着她上蹿下跳的猫走进走出,街道上的突突车与小电驴昭示着新的一天的上马,作者想,那是清迈的原色。

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

篮球 3

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

她们说一定要去那家咖啡店,这几个有中绿白的玩偶咖啡店,笔者却与小伙伴一起找到了咖啡馆旁边的一家泰王国餐厅,开端了大家的午餐,咖喱、铁板、海鲜是必不可缺要素,而小编觉得最佳吃的依旧那份铁板果蔬泥,甘休后,餐厅的小表哥在门口坐着,害羞的与门口的玩偶大姨子合照了一张。

 

篮球 4

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

旅行中本人最欢欣的交通格局,无非是自驾与暴走,大抵是因为想感受到更加多的人和事。寻寻觅觅到二个能够租2轮车的地点,没有国际驾驶执照用不佳的藏语与小表妹撒娇加上软磨硬泡终于租车给大家了,小堂妹耐心的执教了我们该假若规避警察大伯的肉眼不被掀起。

<style type=”text/css”>  

出游总是充满惊喜和意外的。经过N条缠绕的深深紫红电线,清迈高校是我们的率先站,和自身的高校比较像,唯一的区别在于体育馆上打篮球的男孩子都以帅帅的黄种人,建筑充满了设计成分,而笔者辈也再一次的迷途在靠左行驶的征程上,得益于左边的小堂妹的唤起告知左拐时决不等待。

         xxxx

篮球 5

</style>

周末夜市是伴手礼的一流选拔的地点,精致的灯饰,绵软的芒果干,以及路边的音乐是其一夜市中须要的成分。最多说的话正是“how
much?”然后和郭郭同学惊叹“好福利呀,都想买如何做?”继而纠结在行李超(Sha Yi)重上,抛弃掉喜欢的衣裳、喜欢的灯饰、喜欢的雕塑的采办。借使集市却卓殊精美,也忍不住感慨韩国人的诚恳与善意。

 

篮球 6

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

篮球 7

 

周末夜市甘休后,经过MAYA购物为主,本土的mistine,boots美利哥的NYX、SEEK等国内从未的专柜
,在MAYA里面都足以找到,唯一的供不应求正是粉底的色号大部分偏暗色,唇釉和唇膏极力推荐购买的。在终止一整天的shopping后,大家重新迷失在泰国的靠左行驶的征程上,选错了谈话错上高架,沿着道路骑行了十几英里后才找到掉头的地点,而陪同着的是荒废,前方的通行事故,在恐慌惊奇中终于重临了饭店,那是成套泰王国之行中最铭心刻骨的一部分。

//<p>标签</p>

篮球 8

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

篮球 9

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

感触2个城市的魅力,夜生活最不可或缺的。Zow in
yellow清迈最为推荐的呢,由于多数的西方人的存在,让那几个饭店变得不行的正宗,一起跟唱的音乐来的却是如此的和谐
,而酒吧台里调酒的卷发小三哥却着实很帅,酒吧里的mojito却有点烈,未通过微醺的情况一贯跳转至醉倒头痛的景况,而这一天却是笔者睡得最沉的二遍。

 

篮球 10

//h1-h6题指标签

然而那也是清迈之行中最自由与安心乐意的一天,多谢郭郭同学的初始,都说旅行是最能够检验多个人是或不是合得来的最佳的法子,所以才十三分偏重一起出去旅游莫名合得来的意中人。

<h1>h1题目的签</h1>

篮球 11

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

篮球 12

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

篮球 13

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

篮球 14

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

篮球 15

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

 

结果:

篮球 16

//横跨两列的单元格:

<table border=”1″>

<tr>

  <th>姓名</th>

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

</tr>

<tr>

  <td>Bill Gates</td>

  <td>55577854</td>

  <td>55577855</td>

</tr>

</table>

结果:

篮球 17

//横跨两行的单元格:

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

结果:

篮球 18

//带有 单元格边距cellpadding:

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

<tr>

  <td>First</td>

  <td>Row</td>

</tr>  

<tr>

  <td>Second</td>

  <td>Row</td>

</tr>

</table>

结果:

篮球 19

//表格13月素的职责

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

篮球 20

//八个冬天列表:

<ul>

  <li>咖啡</li>

  <li>茶</li>

  <li>牛奶</li>

</ul> 

篮球 21

//一个静止列表,start为始发序号:

<ol start=”50″>

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol> <hr />

 篮球 22

//Disc 项目的志列表:

<ul type=”disc”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul> 

篮球 23

//Circle 项指标志列表:

<ul type=”circle”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

篮球 24

//Square 项目的志列表:

<ul type=”square”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

篮球 25

//数字列表:

<ol>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 26

//字母列表:

<ol type=”A”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol>  

篮球 27

//小写字母列表:

<ol type=”a”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 28

//秘Luli马字母列表:

<ol type=”I”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 29

//小写奥斯陆字母列表:

<ol type=”i”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

篮球 30

//八个嵌套列表:

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶</li>

    </ul>

  </li>

  <li>牛奶</li>

</ul> 

篮球 31

//表单:form-input

         文本域  text fields

         密码域  password,密码在输入时显得*号

         复选框 
checkbox,是个小方块,checked可钦点选项是还是不是私下认可选定,能够因而点击选拔或撤除

        
单选按钮:radio,checked内定暗中认可选项,点击在那之中三个按钮时,该按钮变为选中状态,别的具有按钮都变成非选中。

         下拉列表:select-option,用selected可钦定暗中同意选定的选项。

         文本域 textarea,rows高,cols宽

         按钮 button

         提交 submits

         田野(field)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”>

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

</p>