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;"/>
掌握以上的基礎標籤我們就可以寫一個比較粗糙的百度首頁了!
第一次發部落格,寫的不好請見諒,
相關文章
- HTML5 基礎HTML
- 0基礎學GUI,先從基礎開始1GUI
- 演算法基礎 --- 從swap開始演算法
- 【PYTHON】語法基礎 | 開始使用PythonPython
- Html5、css、JavaScript基礎HTMLCSSJavaScript
- Draft 文件翻譯 - 快速開始 - 基礎APIRaftAPI
- HTML5(十一)——WebSocket 基礎教程HTMLWeb
- HTML5培訓教程:HTML5基礎介紹HTML
- 挑戰前端基礎120題--HTML5基礎合集一前端HTML
- Python基礎語法:開始你的Python之旅Python
- 從零開始-基礎流程圖編輯庫流程圖
- Re:從零開始的Linux之路(基礎篇)Linux
- Java 執行緒基礎,從這篇開始Java執行緒
- 從零開始——GO語言基礎語法Go
- 從零開始學AB測試:基礎篇
- Kotlin基礎篇——從型別系統開始Kotlin型別
- 從零開始學 Python 之基礎語法Python
- 學習Html5需要哪些基礎?HTML
- 第二章HTML5基礎HTML
- 從零開始搭建React應用(一)——基礎搭建React
- Python打牢基礎,從19個語法開始!Python
- 零基礎html5網站開發學習步驟方法HTML網站
- Python開發打牢基礎,從這些個語法開始!Python
- 資料分析從零開始實戰 | 基礎篇(三)
- 資料分析從零開始實戰 | 基礎篇(二)
- 資料分析從零開始實戰 | 基礎篇(一)
- 從零開始學Linux運維難嗎?Linux基礎Linux運維
- javaSE從零開始04_java的基礎語法Java
- HTML5基礎入門之常見的HTML5框架有哪些?HTML框架
- Html5 Canvas動畫基礎(碰撞檢測)HTMLCanvas動畫
- HTML5學習之Canvas基礎知識HTMLCanvas
- 從零開始學黑蘋果-基礎安裝教程(10.11.6)蘋果
- 從0開始的高併發(一)--- Zookeeper的基礎概念
- 0基礎如何開始學習Python?看完這篇就懂了!Python
- HTML5學習之Web Storage基礎知識HTMLWeb
- HTML5基礎入門一天學完HTML
- 「基礎搭建」從零開始,基於 Webpack5 搭建一個 Vue-CliWebVue
- 0基礎應該怎麼學Linux?Linux如何從零開始?Linux
- 公司要開始造輪子 全部都是基礎建設