html5 基礎開始
html5是一款功能強大的計算機編譯語言,主要負責web前端的開發(製作網頁和微信邀請函等),但隨著h5的發展,其功能已經慢慢向後臺延伸,預計不久的將來h5將囊括整個計算機的開發中去。
下面進入h5開發的基礎階段:
想要製作一個合格的網頁,基礎標籤就是根本,h5中的標籤可分為行標籤(a,b,s,u,i,sub,sup,strong,em,img,input等)和塊標籤(h1-h6,p,div,hr,ul,ol,dl,li dt,dd等)兩種,這兩種標籤都以自己的特性,熟練掌握他們的特性才能讓你在編寫程式碼的過程中如魚得水;下面介紹一下這兩種標籤的特性:
行標籤:可以共用一行(即使你在編碼時特意將每個行標籤都單獨寫一行,最後執行結果也會是所有內容按順序擠在一行);
塊標籤:所有 塊標籤 獨佔一行 (由於塊標籤預設內容撐開其父級的百分百,即使你講兩個塊標籤寫在一行,最後執行時他們也會分開成兩行)
在程式編寫時,我們還會用到標籤的巢狀,(例如:在a標籤裡巢狀img標籤,為圖片設定連結,這在網頁中很常見),但標籤巢狀也要遵循一定的規則,如下:
1.a標籤不能巢狀a標籤
2.塊標籤可以任意巢狀
3.行標籤不能巢狀塊標籤。
同時我們來掌握兩個輸入框:
<!--文字輸入框-->
<input
type="text"
name=""
id=""
value=""
/>
<!--數字輸入框-->
<input
type="number"
/>
<input
type="button"
value="我是一個按鈕"
style="width:
100px;height:
100px;background-color:
blue;color:
white;"/>
掌握以上的基礎標籤我們就可以寫一個比較粗糙的百度首頁了!
第一次發部落格,寫的不好請見諒,
相關文章
- 0基礎學GUI,先從基礎開始1GUI
- HTML5 基礎HTML
- 演算法基礎 --- 從swap開始演算法
- Java基礎——程式設計之路的開始,Java基礎知識Java程式設計
- HTML5 遊戲開發基礎的教程HTML遊戲開發
- HTML5基礎(五)HTML
- Draft 文件翻譯 - 快速開始 - 基礎APIRaftAPI
- Html5、css、JavaScript基礎HTMLCSSJavaScript
- Java 執行緒基礎,從這篇開始Java執行緒
- 從零開始——GO語言基礎語法Go
- 從零開始學AB測試:基礎篇
- 【PYTHON】語法基礎 | 開始使用PythonPython
- 從零開始-基礎流程圖編輯庫流程圖
- HTML5(十一)——WebSocket 基礎教程HTMLWeb
- Re:從零開始的Linux之路(基礎篇)Linux
- Kotlin基礎篇——從型別系統開始Kotlin型別
- 從零開始學 Python 之基礎語法Python
- 從零開始搭建React應用(一)——基礎搭建React
- Python爬蟲學習之旅-從基礎開始Python爬蟲
- Docker從零開始製作基礎映象之CentosDockerCentOS
- HTML5培訓教程:HTML5基礎介紹HTML
- HTML5遊戲開發進階 3 :物理引擎基礎HTML遊戲開發
- 資料分析從零開始實戰 | 基礎篇(三)
- 資料分析從零開始實戰 | 基礎篇(二)
- 資料分析從零開始實戰 | 基礎篇(一)
- Python打牢基礎,從19個語法開始!Python
- Python基礎語法:開始你的Python之旅Python
- javaSE從零開始04_java的基礎語法Java
- 零基礎怎麼開始學習UI設計?UI
- 學習Html5需要哪些基礎?HTML
- 第二章HTML5基礎HTML
- HTML5:未來OS的基礎?HTML
- 挑戰前端基礎120題--HTML5基礎合集一前端HTML
- Python開發打牢基礎,從這些個語法開始!Python
- 從0開始的高併發(一)--- Zookeeper的基礎概念
- 一切從基礎開始Linux入門命令篇Linux
- Html5 Canvas動畫基礎(碰撞檢測)HTMLCanvas動畫
- 11個基礎的HTML5動畫工具HTML動畫