摘要:先知知識在學習之前最先應該了解的就是環境的搭建,那么必須從編輯器和解析器等方面做一個深入的了解。方式安全級別較低,級別較高。與和一同使用時,此元素是必需的。屬性為元素定義唯一的名稱。
HTML簡介 1、html的基本概念
HTML:HyperTextMarket language,超文本標記語言(所謂“超文本”就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。)是用來描述網頁語言,html使用標記標簽來描述網頁,所以說html是一種標記語言,而不是編程語言。
-----html先知知識-----在學習HTML之前最先應該了解的就是html環境的搭建,那么必須從編輯器和解析器等方面做一個深入的了解。現在為大部分開發者青睞的編程軟件有sublime及visual studio code,當然現如今還有很多的集成開發軟件如Dreamweaver等。
而主流的選擇器內核及代表瀏覽器“Chrome、Safari、Firefox、Opera、IE(IEtest);Firefox是開源的Presto(迅速的)代表作品Opera,Prefox是由Opera Software開發的瀏覽器排版引擎。它也是世界上公認的渲染速度最快的引擎。Webkit Safari內核,Chrome內核原型,他是蘋果公司自己的內核,也是蘋果的Safari瀏覽器使用的內核Blink由Google和Opera Software開發的瀏覽器排版引擎。”
完整的HTML文檔是有多個HTML元素按照一定的方式組成的(此處為html5文檔),如下圖:
除了形式上較以前有所改變html5還增加了很多新的特性,比如:
用于繪畫的 canvas 元素
用于媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素,比如 article、footer、header、nav、section
新的表單控件,比如 calendar、date、time、email、url、search
3、html元素組成HTML元素分為單標簽元素、雙標簽元素及屬性,而元素的分類則有塊級元素行內元素和其他元素。
1. 塊級元素
獨占一行空間,用來布局段落,列表,導航菜單,腳注等結構,不要將塊級元素嵌套在行內元素中。
this is paragraph1
this is paragraph2
2. 行內元素
與其他元素共享一行空間,一般被嵌套在塊級元素中,通常作為段落的一部分出現
you are strong
3. 其他元素(空元素、替代元素等)
空元素:只包含單個標簽,通常用于在文檔中插入部分內容,例如img
替代元素:替代元素已經脫離了CSS的范疇,它們的表現不依賴CSS,典型的替換元素有,
剛起步階段主要得學習html的標簽使用方法,而在html5中有很多的標簽。比如 p,h1,h2,h3,h4,h5,h6,ul,ol,dl,ul,img,a,table,form,div,span等
還有一些不常用標簽(部分已被html5舍棄但書寫并不出現錯誤)
abrr 縮略語
b不帶任何強調意義的標記一段文字,加粗
strong 表示重要內容,加粗
em 表示著重強調一段文字,傾斜
i不帶任何強調意義的標記一段文字,傾斜
cite 表示作品標題,將作品名傾斜
del 表示從文檔中刪除的文字
s表示文字已經不再準確,也是刪除線
u不帶強調意義的給一段文字加下劃線
ins 表示加入文檔的文字,也是下劃線
small 表示小號字體
sub 表示下標文字
sup 表示上標文字
q表示引自其它的內容,被q標簽修飾的自己加引號表示引用
pre 表示格式化一段文字,也可以用來引入一段代碼
span css中使用的添加樣式的模塊
div會換行,span不會換行
注釋
前期學習還有一個重要的知識點即是HTML中表格和表單的使用。
1)表格(Table):
table 聲明一個表格屬性:
1.border 邊框線寬度,默認為0
2.width 寬度
3.cellpadding 單元格內邊距,文字與內邊框的距離 如:cellpadding=10
4.cellspacing 單元格間距 默認為1 - 列表項目
tr 行
align(表格的排列方式/對齊方式):center、left(默認)、right
td 列
1.width/height
2.colspan 合并列,跨列向右跨
3.rowspan 合并行,跨行向下跨
th 表頭,會加粗,并且會居中
caption 表格的標題
給表格劃分區域(不常用)
thead、tbody(必須寫)、tfoot
語義元素(不多用)
1.h1~h6:表示標題
2.header:表示頭部
3.nav:表示導航
4.footer:表示尾部
5.address:表示文檔或article的聯系信息
6.aside:表示側邊欄
7.section:表示主題區域
8.article:表示一段獨立的內容
2)表單(Form):作用是可以和服務器進行交互
一、Form中的屬性:
1.action:定義一個URL,當點擊提交按鈕時,向這個URL發送數據
2.method(get/post):用于向action URL發送數據的HTTP方法。默認是get。
注:get和post區別:
1)get方式表單封裝的數據直接顯示在url上。post方式數據不顯示在url上。
2)get方式安全級別較低,post級別較高。
3)get方式數據的長度,post支持大數據。?input 標簽:定義輸入字段,用戶可在其中輸入數據。
二、input 中 type屬性:
1)type=text 文本框
2)type=password 密碼
3)type=radio 單選按鈕 name屬性
4)type=checkbox 多選按鈕
單選和多選都有默認值:checked="checked"
5)type=reset 重置按鈕
6)type=submit 提交按鈕
7)type=file 上傳文件的輸入項
8)type=button 按鈕
9)type=image 圖片(也是提交按鈕,)
10)type=hidden 隱藏標簽(用戶不用看到的,但是咱們開發時必須要使用的,可以把數據封裝到隱藏標簽中,和表單一起提交到后臺)
三、其他標簽
1、選擇:select /select>選擇下拉框 option 表示內容 /option
2、文本域textarea
textarea 文本內容 /textareavalue屬性:
a.對于按鈕、重置按鈕和確認按鈕:定義按鈕上的文本。
b.對于圖像按鈕:定義傳遞向某個腳本的此域的符號結果。
c.對于復選框和單選按鈕:定義 input 元素被點擊時的結果。
d.對于隱藏域、密碼域以及文本域:定義元素的默認值。
注:不能與 type="file" 一同使用。與 type="checkbox" 和 type="radio" 一同使用時,此元素是必需的。?name屬性:為 input 元素定義唯一的名稱。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/54531.html
摘要:學習一認識分為三類基礎核心方向企業版移動游戲嵌入式開發概念虛擬機就包含了解釋器整個程序的執行過程如下開發工具包運行環境環境變量的配置添加編寫程序執行謹記命令后不加后綴名安裝和使用下載安裝下載創建項目項目的導入和導出找到項目的位置,然后將其復 JAVA學習(一) 認識 java 1、java分為三類 JavaSE 基礎核心 JaveEE web方向(企業版) JavaME ...
摘要:本,工業設計碩,設計學有點點編程基礎,有自己從頭搭建的網站在上家公司也是主要靠寫程序吃飯裸辭前攢了一個半月工資。沒想到從我裸辭,到入職下家公司,足足經歷了個月之久。個月都干啥了本人從裸辭到入職下家公司,共個月。 當你看到這行文字時,我假設你是一個準備轉行前端,或者正在轉行前端的人。我剛花了11個月轉行前端。和你聊聊我的故事吧。 轉行花了多久?11個月 準備轉行前端時,我看了很多過來人寫...
閱讀 2105·2021-11-23 10:06
閱讀 3456·2021-11-11 16:54
閱讀 3337·2019-08-29 17:31
閱讀 3563·2019-08-29 17:05
閱讀 2166·2019-08-26 13:36
閱讀 2155·2019-08-26 12:17
閱讀 520·2019-08-26 12:12
閱讀 1668·2019-08-26 10:19