摘要:全棧工程師也可以叫前端主要是網(wǎng)站小程序公眾號這一塊隸書篇超文本標記語言,標記通用標記語言下的一個應(yīng)用。超文本標記語言的結(jié)構(gòu)包括頭部分英語和主體部分英語,其中頭部提供關(guān)于網(wǎng)頁的信息,主體部分提供網(wǎng)頁的具體內(nèi)容。
全棧工程師也可以叫web 前端 H5主要是網(wǎng)站 app 小程序 公眾號這一塊
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來介紹
?
?
title 主題,題目,
Url 網(wǎng)址
Body 網(wǎng)站內(nèi)容
?
?
標簽分為雙標簽和單標簽 單標簽也叫空標簽?
結(jié)構(gòu)為單標簽:<單標簽/>? ?
? ? ? ? ? ?雙標簽:<雙標簽開始>雙標簽結(jié)束>
單標簽舉例:(插圖片用的標簽)
雙標簽舉例:
(段落標簽)?
?
?
?
這里用圖片標簽來解釋一下<標簽名 屬性=“屬性值”/>
?
雙標簽 html? title? head? body? h1-h6? p? a?
b(加粗標簽)strong被H5舍棄了? i 傾斜標簽? sup 上標標簽? sub 下標標簽
em(小圖標的)div 盒子標簽? span 內(nèi)斂標簽? 表格 列表 等標簽
單標簽 ??
注釋:Html特有的注釋?
?
1.插圖片用的標簽:
img:(插圖片用的標簽)
Src 是指圖片的路徑
圖片的資源分為本地資源或網(wǎng)絡(luò)資源
本地資源:就是自己保存的圖片
網(wǎng)絡(luò)資源:在網(wǎng)站上的圖片
?
2.超鏈接
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
摘要:權(quán)重行內(nèi)樣式把當(dāng)做標簽來用寫在之間外部引用把當(dāng)做文件來用在里加一條路徑這里的可以舍去因為后面的文件名是會默認這條標簽是和是必不可少的。嵌入式這個前期一般用不到就是一個樣式表里引入另一個的樣式表起名方式與CSS 一.起名方式(起名方式也叫選擇器) 起名的目的是為了給標簽添加屬性 常見的3種選擇器有 標簽選擇器? ?id選擇器(使用的時候加#)? ? class選擇器(使用的時候加.)? 樣式的...
摘要:背景與邊框一背景背景顏色簡寫備注以下給設(shè)置可能不起作用需要用到背景圖片簡寫背景圖片的平鋪平鋪瀏覽器默認平鋪只平鋪橫向和縱向不平鋪背景大小與位置大小大小屬性值的寫法有具體設(shè)置大小自適應(yīng)位置背景位置也是坐標軸向下為正像右為背景與邊框 ? ? ?? 一、背景(backgound) 1.背景顏色:background-color:red;(簡寫:background:color;) 備注:ie9以下...
摘要:存在形影分離,所以一般情況下不建議添加值了,一般給子元素當(dāng)參照位置,或者是元素的微調(diào)。實際上,這是屬性的特點。表單的內(nèi)元素文本框密碼框單選框多選框普通按鈕按鈕提交按鈕提交下拉列表position定位與表單 一、position 1、Position細說 Position:relative; Left:100px; Top:100px; Position:absolute; Left:100p...
摘要:文本字體樣式與前期英語單詞匯總一文本樣式顏色文本對齊方式左對齊居中對齊右對齊兩端對齊文本修飾空上劃線下劃線刪除線文本縮進縮進二字體樣式字體大小大小字體顏色注意不要寫成字體形狀這個了解一下就行一般用不到字體字形微軟雅黑宋體楷文本、字體css樣式與前期英語單詞匯總 一、文本樣式(text) 1.顏色:color:red; 2.文本對齊方式:text-align:left/center/r...
摘要:列表與邊距探討和行塊一列表無序列表內(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)一個像這樣的一...
閱讀 1762·2021-09-23 11:34
閱讀 2484·2021-09-22 15:45
閱讀 12996·2021-09-22 15:07
閱讀 2244·2021-09-02 15:40
閱讀 4150·2021-07-29 14:48
閱讀 1083·2019-08-30 15:55
閱讀 3252·2019-08-30 15:55
閱讀 2198·2019-08-30 15:55