成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

從零開始的全棧工程師——html篇1

sydMobile / 1086人閱讀

摘要:全棧工程師也可以叫前端主要是網(wǎng)站小程序公眾號這一塊隸書篇超文本標記語言,標記通用標記語言下的一個應(yīng)用。超文本標記語言的結(jié)構(gòu)包括頭部分英語和主體部分英語,其中頭部提供關(guān)于網(wǎng)頁的信息,主體部分提供網(wǎng)頁的具體內(nèi)容。

全棧工程師也可以叫web 前端 H5主要是網(wǎng)站 app 小程序 公眾號這一塊

HTML篇

html(超文本標記語言,標記通用標記語言下的一個應(yīng)用。)

“超文本”就是指頁面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。

超文本標記語言的結(jié)構(gòu)包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關(guān)于網(wǎng)頁的信息,“主體”部分提供網(wǎng)頁的具體內(nèi)容。

測試瀏覽器為chrome(谷歌)瀏覽器 當(dāng)然其他瀏覽器也可以 不過最好用谷歌

開發(fā)工具有記事本? Sublime? dreamwear webstorm? hbulider 我們這里用hbulider來介紹

?

?

一.網(wǎng)頁是由什么構(gòu)成的

title 主題,題目,

Url 網(wǎng)址

Body 網(wǎng)站內(nèi)容

?

?

二.標簽

標簽分為雙標簽和單標簽 單標簽也叫空標簽?

結(jié)構(gòu)為單標簽:<單標簽/>? ?

? ? ? ? ? ?雙標簽:<雙標簽開始>

單標簽舉例:(插圖片用的標簽)

雙標簽舉例:

(段落標簽)

?

?

三.網(wǎng)頁的骨架

?

?

四.標簽的屬性

這里用圖片標簽來解釋一下<標簽名 屬性=“屬性值”/>

?

?

五.常用的標簽

雙標簽 html? title? head? body? h1-h6? p? a?

b(加粗標簽)strong被H5舍棄了? i 傾斜標簽? sup 上標標簽? sub 下標標簽

em(小圖標的)div 盒子標簽? span 內(nèi)斂標簽? 表格 列表 等標簽

單標簽 ??


(分割線)??
(換行)? (網(wǎng)頁元信息)

注釋:Html特有的注釋?

?

1.插圖片用的標簽:

img:(插圖片用的標簽)

Src 是指圖片的路徑

圖片的資源分為本地資源或網(wǎng)絡(luò)資源

本地資源:就是自己保存的圖片

網(wǎng)絡(luò)資源:在網(wǎng)站上的圖片

?

2.超鏈接

a:(超鏈接)

a有兩個屬性?一個是 href? 屬性值為 需要跳轉(zhuǎn)的頁面地址比如(http://www.baidu.com)或者本地頁面地址

另一個是target屬性值為 跳轉(zhuǎn)頁面打開的方式 常用的兩個屬性值為 _blank(在一個新的網(wǎng)頁打開?) 或? _self(默認的)

?

3.起名方式

1)標簽名

2)id起的? 使用的時候加#

3)class類 使用的時候加.

起名的目的就是為了給他添加樣式? style ?其實也是屬性

屬性:代表事物的一些特征,比如 width height color background 等

?

4.style用法

書寫規(guī)范 {} 是shift+[ 出來 {}

起名規(guī)范? 不能用漢字起 第一個字母不能是特殊符號 第一個字母必須是英文字母

?

5.表格標簽

Border 是決定邊框粗細的屬性

cellspacing 是單元格空間的屬性?

cellpadding 是單元格內(nèi)部的邊距的屬性。

表格的行:? ?列:

比如插入一個像這樣

?

的表格

就是三個在每個中間插三個

?

?

Img插入table中

會發(fā)現(xiàn)出現(xiàn)余白,怎么解決?

colspan? 水平合并單元格的個數(shù)

rowspan? 垂直合并單元格的個數(shù)

?

案例

表格中插入表格

圖:

思路:插入一個三行三列600X600的表格? 合并1 2 3在123中插入一個兩行六列的表格

答案:

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1835.html

相關(guān)文章

  • 從零開始全棧程師——html1.2

    摘要:權(quán)重行內(nèi)樣式把當(dāng)做標簽來用寫在之間外部引用把當(dāng)做文件來用在里加一條路徑這里的可以舍去因為后面的文件名是會默認這條標簽是和是必不可少的。嵌入式這個前期一般用不到就是一個樣式表里引入另一個的樣式表起名方式與CSS 一.起名方式(起名方式也叫選擇器) 起名的目的是為了給標簽添加屬性 常見的3種選擇器有 標簽選擇器? ?id選擇器(使用的時候加#)? ? class選擇器(使用的時候加.)? 樣式的...

    saucxs 評論0 收藏0
  • 從零開始全棧程師——html1.4

    摘要:背景與邊框一背景背景顏色簡寫備注以下給設(shè)置可能不起作用需要用到背景圖片簡寫背景圖片的平鋪平鋪瀏覽器默認平鋪只平鋪橫向和縱向不平鋪背景大小與位置大小大小屬性值的寫法有具體設(shè)置大小自適應(yīng)位置背景位置也是坐標軸向下為正像右為背景與邊框 ? ? ?? 一、背景(backgound) 1.背景顏色:background-color:red;(簡寫:background:color;) 備注:ie9以下...

    yedf 評論0 收藏0
  • 從零開始全棧程師——html1.7

    摘要:存在形影分離,所以一般情況下不建議添加值了,一般給子元素當(dāng)參照位置,或者是元素的微調(diào)。實際上,這是屬性的特點。表單的內(nèi)元素文本框密碼框單選框多選框普通按鈕按鈕提交按鈕提交下拉列表position定位與表單 一、position 1、Position細說 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...

    Dean 評論0 收藏0
  • 從零開始全棧程師——html1.3

    摘要:文本字體樣式與前期英語單詞匯總一文本樣式顏色文本對齊方式左對齊居中對齊右對齊兩端對齊文本修飾空上劃線下劃線刪除線文本縮進縮進二字體樣式字體大小大小字體顏色注意不要寫成字體形狀這個了解一下就行一般用不到字體字形微軟雅黑宋體楷文本、字體css樣式與前期英語單詞匯總 一、文本樣式(text)   1.顏色:color:red;   2.文本對齊方式:text-align:left/center/r...

    ingood 評論0 收藏0
  • 從零開始全棧程師——html1.5

    摘要:列表與邊距探討和行塊一列表無序列表內(nèi)部必須有子標簽天生自帶內(nèi)外邊距也是自帶大家會發(fā)現(xiàn)用的時候內(nèi)容前面會出現(xiàn)一個像這樣的一個實心圓可以用屬性去掉也可以更換空心圓實心圓正方形空有序列表內(nèi)部必須有子標簽天生自帶內(nèi)外邊距屬性是標簽屬性只能寫在行列表與邊距探討和行塊 一、列表 1.無序列表(UL) 1)內(nèi)部必須有子標簽2)天生自帶內(nèi)外邊距 p也是自帶 大家會發(fā)現(xiàn)用UL的時候內(nèi)容前面會出現(xiàn)一個像這樣的一...

    booster 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<