資訊專欄INFORMATION COLUMN
摘要：全棧工程師也可以叫前端主要是網(wǎng)站小程序公眾號(hào)這一塊隸書篇超文本標(biāo)記語言，標(biāo)記通用標(biāo)記語言下的一個(gè)應(yīng)用。超文本標(biāo)記語言的結(jié)構(gòu)包括頭部分英語和主體部分英語，其中頭部提供關(guān)于網(wǎng)頁的信息，主體部分提供網(wǎng)頁的具體內(nèi)容。
全棧工程師也可以叫web 前端 H5主要是網(wǎng)站 app 小程序 公眾號(hào)這一塊
html(超文本標(biāo)記語言，標(biāo)記通用標(biāo)記語言下的一個(gè)應(yīng)用。)
“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。
測試瀏覽器為chrome(谷歌)瀏覽器 當(dāng)然其他瀏覽器也可以 不過最好用谷歌
開發(fā)工具有記事本? Sublime? dreamwear webstorm? hbulider 我們這里用hbulider來介紹
?
?
title 主題，題目，
Url 網(wǎng)址
Body 網(wǎng)站內(nèi)容
?
?
標(biāo)簽分為雙標(biāo)簽和單標(biāo)簽 單標(biāo)簽也叫空標(biāo)簽?
結(jié)構(gòu)為單標(biāo)簽：<單標(biāo)簽/>? ?
? ? ? ? ? ?雙標(biāo)簽：<雙標(biāo)簽開始>
單標(biāo)簽舉例：(插圖片用的標(biāo)簽)
雙標(biāo)簽舉例：
(段落標(biāo)簽)?
?
?
?
這里用圖片標(biāo)簽來解釋一下<標(biāo)簽名 屬性=“屬性值”/>
?
雙標(biāo)簽 html? title? head? body? h1-h6? p? a?
b（加粗標(biāo)簽）strong被H5舍棄了? i 傾斜標(biāo)簽? sup 上標(biāo)標(biāo)簽? sub 下標(biāo)標(biāo)簽
em（小圖標(biāo)的）div 盒子標(biāo)簽? span 內(nèi)斂標(biāo)簽? 表格 列表 等標(biāo)簽
單標(biāo)簽 ??
注釋：Html特有的注釋?
?
1.插圖片用的標(biāo)簽：
img:(插圖片用的標(biāo)簽)
Src 是指圖片的路徑
圖片的資源分為本地資源或網(wǎng)絡(luò)資源
本地資源：就是自己保存的圖片
網(wǎng)絡(luò)資源：在網(wǎng)站上的圖片
?
2.超鏈接
a有兩個(gè)屬性?一個(gè)是 href? 屬性值為 需要跳轉(zhuǎn)的頁面地址比如(http://www.baidu.com)或者本地頁面地址
另一個(gè)是target屬性值為 跳轉(zhuǎn)頁面打開的方式 常用的兩個(gè)屬性值為 _blank(在一個(gè)新的網(wǎng)頁打開?) 或? _self(默認(rèn)的)
?
3.起名方式
1）標(biāo)簽名
2）id起的? 使用的時(shí)候加#
3）class類 使用的時(shí)候加.
起名的目的就是為了給他添加樣式? style ?其實(shí)也是屬性
屬性:代表事物的一些特征，比如 width height color background 等
?
4.style用法
書寫規(guī)范 {} 是shift+[ 出來 {}
起名規(guī)范? 不能用漢字起 第一個(gè)字母不能是特殊符號(hào) 第一個(gè)字母必須是英文字母
?
5.表格標(biāo)簽
Border 是決定邊框粗細(xì)的屬性
cellspacing 是單元格空間的屬性?
cellpadding 是單元格內(nèi)部的邊距的屬性。
表格的行:
比如插入一個(gè)像這樣
?
的表格
就是三個(gè)
為
?
?
Img插入table中
會(huì)發(fā)現(xiàn)出現(xiàn)余白，怎么解決？
colspan? 水平合并單元格的個(gè)數(shù)
rowspan? 垂直合并單元格的個(gè)數(shù)
?
表格中插入表格
圖：
思路：插入一個(gè)三行三列600X600的表格? 合并1 2 3在123中插入一個(gè)兩行六列的表格
答案：
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/1835.html
摘要：權(quán)重行內(nèi)樣式把當(dāng)做標(biāo)簽來用寫在之間外部引用把當(dāng)做文件來用在里加一條路徑這里的可以舍去因?yàn)楹竺娴奈募菚?huì)默認(rèn)這條標(biāo)簽是和是必不可少的。嵌入式這個(gè)前期一般用不到就是一個(gè)樣式表里引入另一個(gè)的樣式表起名方式與CSS 一.起名方式(起名方式也叫選擇器) 起名的目的是為了給標(biāo)簽添加屬性 常見的3種選擇器有 標(biāo)簽選擇器? ?id選擇器(使用的時(shí)候加#)? ? class選擇器(使用的時(shí)候加.)? 樣式的...
摘要：背景與邊框一背景背景顏色簡寫備注以下給設(shè)置可能不起作用需要用到背景圖片簡寫背景圖片的平鋪平鋪瀏覽器默認(rèn)平鋪只平鋪橫向和縱向不平鋪背景大小與位置大小大小屬性值的寫法有具體設(shè)置大小自適應(yīng)位置背景位置也是坐標(biāo)軸向下為正像右為背景與邊框 ? ? ?? 一、背景(backgound) 1.背景顏色：background-color:red;(簡寫：background:color;) 備注：ie9以下...
摘要：存在形影分離，所以一般情況下不建議添加值了，一般給子元素當(dāng)參照位置，或者是元素的微調(diào)。實(shí)際上，這是屬性的特點(diǎn)。表單的內(nèi)元素文本框密碼框單選框多選框普通按鈕按鈕提交按鈕提交下拉列表position定位與表單 一、position 1、Position細(xì)說 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...
摘要：文本字體樣式與前期英語單詞匯總一文本樣式顏色文本對(duì)齊方式左對(duì)齊居中對(duì)齊右對(duì)齊兩端對(duì)齊文本修飾空上劃線下劃線刪除線文本縮進(jìn)縮進(jìn)二字體樣式字體大小大小字體顏色注意不要寫成字體形狀這個(gè)了解一下就行一般用不到字體字形微軟雅黑宋體楷文本、字體css樣式與前期英語單詞匯總 一、文本樣式(text) 1.顏色：color:red; 2.文本對(duì)齊方式：text-align:left/center/r...
摘要：列表與邊距探討和行塊一列表無序列表內(nèi)部必須有子標(biāo)簽天生自帶內(nèi)外邊距也是自帶大家會(huì)發(fā)現(xiàn)用的時(shí)候內(nèi)容前面會(huì)出現(xiàn)一個(gè)像這樣的一個(gè)實(shí)心圓可以用屬性去掉也可以更換空心圓實(shí)心圓正方形空有序列表內(nèi)部必須有子標(biāo)簽天生自帶內(nèi)外邊距屬性是標(biāo)簽屬性只能寫在行列表與邊距探討和行塊 一、列表 1.無序列表（UL） 1）內(nèi)部必須有子標(biāo)簽2）天生自帶內(nèi)外邊距 p也是自帶 大家會(huì)發(fā)現(xiàn)用UL的時(shí)候內(nèi)容前面會(huì)出現(xiàn)一個(gè)像這樣的一...
閱讀 1808·2021-09-23 11:34
閱讀 2528·2021-09-22 15:45
閱讀 13335·2021-09-22 15:07
閱讀 2363·2021-09-02 15:40
閱讀 4253·2021-07-29 14:48
閱讀 1152·2019-08-30 15:55
閱讀 3307·2019-08-30 15:55
閱讀 2251·2019-08-30 15:55
