札記丶2017-09-05

今天同樣是在w3school網(wǎng)站上跟著敲了一些簡單的界面代碼,越發(fā)感覺這個(gè)H5界面和AndroidStudio的xml界面編輯有很多相同的地方,所以上手感覺也不是那么難,就是很多標(biāo)簽可能記不太住,不過也沒關(guān)系,熟能生巧,慢慢就好了,早上在拉鉤上看了一則Android的招聘廣告,對方要求里面說明的是會(huì)Web開發(fā)經(jīng)驗(yàn)優(yōu)先,感覺備受鼓舞。

今天又結(jié)巴了,好難受,感覺越想去克服但是卻感覺越發(fā)嚴(yán)重呢,哎,一定一定不能逃避。

整了了下今天所敲的東西,感覺還不少

實(shí)現(xiàn)效果:

圖1.1
圖1.2

實(shí)現(xiàn)步驟:

從HTML標(biāo)題敲到HTML引用,共5章

圖1.3

1.HTML標(biāo)題<h></h>

<h1>標(biāo)題1</h1>

<h2>標(biāo)題2</h2>

<h3>標(biāo)題3</h3>

三級標(biāo)題,大小逐級遞減

2.HTML水平線 <hr />

<h1>how are you</h1>

<hr />

3.HTML注釋<!-- -->

<!--這是第一行段落-->

<p>這是第一行段落</p>

4.HTML段落

<p>這是第一行段落</p>

<p>這是第二行段落</p>

<p>這是第三行段落</p>

5.HTML換行(盡量使用閉合符 <br/>)

<p>鄧艾鐘會(huì)<br />分兵進(jìn),漢<br />室江山盡屬曹</p>

6.HTML樣式 背景顏色background-color

<body style="background-color:red">

<h2 style="background-color:blue">你很強(qiáng)</h2>

<p style=“background-color:black“>沃瑞哥</p>

</body>

7.HTML樣式 字體、顏色和尺寸

<h1 style="font-family:verdana"> 使用verdana字體的一句話</h1>

<p style="font-family:atial;color:red;font-size:20px">使用arial字體,紅色,20px大小的一句話</p>

8.HTML樣式 文本對齊

<h1 style="text-align:center">這是標(biāo)題</h1>

<p>這個(gè)標(biāo)題是置于中間的</p>

9.HTML文本格式化實(shí)例

1)文本格式化(如何在一個(gè)HTML文件中對文本進(jìn)行格式化)

<!-- <b>定義粗體文本?-->

<b>這個(gè)文本是粗體文字</b>

<!--<strong>定義加重語氣-->

<strong>這個(gè)文本是粗體加重文字,和<b>用法沒區(qū)別,唯一就是字符節(jié)前者是一個(gè),后者是6個(gè),一般都用前者來加重</strong>

<!-- <big>定義大號字體-->

<big>這個(gè)文本是大號文字</big>

<!-- <em>定義著重語氣,一般用斜體來顯示強(qiáng)調(diào)-->

<em>這個(gè)文本是斜的,斜的,斜的,重要的事情說三遍</em>

<!-- <i>定義斜體,僅僅是定義斜體-->

<i>這個(gè)文本除了斜就沒別的含義了</i>

<!-- <small> 定義小號字體-->

<small>這個(gè)文本是小號字體文本</small>

<!-- <sub>定義下標(biāo)字-->

<sub>這個(gè)文本是下標(biāo)文字,類似于把次方數(shù)從上面移到了下面</sub>

<!-- <sup>定義上標(biāo)字-->

<sup>這個(gè)文本是下標(biāo)文字,類似于右上角的次方數(shù)</sup>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容