HTML基礎總結 筆記

2021-10-23 07:33:10 字數 2954 閱讀 1000

html(hypertext markup language),超文字標記語言

html是全球資訊網(web)程式設計的基礎,也就是說全球資訊網是建立在超文字基礎之上的。

超級文字標記語言之所以稱為超文字標記語言,是因為文字中包含了所謂「超級鏈結」點和存在**檔案(也就是超越了普通文字檔案)。

前期使用記事本工具(如:editplus、sublime、vscode)就足夠了,可以方便新手練習。

主流的程式設計ide絕大多數都是支援html的開發的,如:eclipse、intellij idea、pycharm等,當然也有專門前端開發的ide–webstorm、hbuilder等。

執行環境選擇主流的瀏覽器。建議使用google的chrome瀏覽器,也可以使用irefox瀏覽器、edge瀏覽器。

h1 ~ h6:標題標籤

四級標題

五級標題

六級標題

p:段落標籤

b/strong:加粗效果

i/em:加斜

u:下劃線

del:刪除

5月6日,中國科學家在國際頂級學術期刊《科學》(science)上率先發表了新冠病毒疫苗的動物實驗結果。

由於新病例的迅速增加,2023年冠狀病毒病(covid-19)很快引起了全球關注,病原體被鑑定為sars-cov-2。由於該病毒的新穎性,目前沒有sars-cov-2特異的**方法或疫苗。因此,迫切需要快速開發針對sars-cov-2的有效疫苗。

a:實現了超連結,href 屬性用來明確鏈結的目標檔案,target 屬性用來明確目標檔案的開啟方

式,target="_blank"時表示在新視窗中開啟目標檔案,省略時表示在原視窗中開啟目標檔案。

div:標準塊標籤,主要用來布局

span:標準行內標籤,主要用來修飾文字

行內標籤:b、i、u、del這些標籤,只佔據內容部分,沒有寬高, 標準行內標籤 - span

塊標籤:p、h1都是塊標籤,佔據一行,即便是內容佔不滿如 標籤塊標籤 - div

br:換行標籤

hr:分割線標籤

pre:原樣輸出標籤

sup:指數顯示,上標

sub:下標顯示

注:h5新增了語義化標籤,列舉如下了幾個常用的語義化標籤

article:文章

aside:邊緣部分

header:頁面的頂部內容

section:正文部分

footer:頁面尾部

這些語義化標籤本質上就是div標籤,只是宣告的標籤名稱不一樣,這是為了對應的標籤幹對應的事。

在網頁中插入,可以使用img標籤

img標籤用來引入到頁面中,src是乙個必須的屬性,該屬性表示的位址

如下面的就是表示在當前資料夾下有個img資料夾,裡面有個,名稱叫做timg.jpg,這種叫做相對路徑尋找法(推薦使用)

路徑是網路路徑也可以

**在網頁製作中主要的作用是用來描述具有二維結構的資料。包括的標籤有table、thead、

tbody、tfoot、tr、td

table標籤:用於定義乙個**

thead標籤:定義頭

tr標籤:用於定義一行

td標籤:用於定義一列。td也叫做單元格,必須放在tr中

tbody元素:定義主幹

tfoot元素:定義尾

姓名

年齡**

小明20231351646

小紅212213216511

小強1912121511812

有序列表 - ol

無序列表 - ul

有序列表

小紅小明

小強小光

無序列表

之前學習的所有標籤都是用來展示資料的,但是我們頁面有時候也需要和後端程式進行互動,

這樣就需要一些能夠互動的標籤,常見可以互動的標籤有我們之前學習的a標籤,當然最主要的交

互標籤則是表單標籤。表單是網頁製作中非常重要的內容,使用者通過表單可以在網頁中錄入資料,

例如登入,註冊使用者等。

表單是用form標籤來定義的。f

form標籤類似於乙個容器標籤,3 個重要的屬性:

action 檔案路徑 表單提交後,處理表單的檔案

method 請求方式 method 屬性用來明確表單的提交方式

name 字串 表單的名稱

input標籤素,type 是非常重要的屬性,type 不同的值表現為不同的元素型別:

HTML基礎總結

1.稱為根標籤,所有的網頁標籤都在中。2.標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有 等標籤,頭部標籤在下一小節中會有詳細介紹。3.在和標籤之間的內容是網頁的主要內容,如 等網頁內容標籤,在這裡的標籤中的內容會在瀏覽器中顯示出來。1.傾斜和加粗標籤是為了強調一段話中的關鍵字時使用,它...

HTML基礎總結

title charset utf 8 head body html p h 1 2 3 4 5 6 color 顏色 size 大小1 7 face 字型樣式 font span b strong i em src 路徑 width 寬度 height 高度 alt 載入錯誤時的提示資訊 type...

html基礎總結

html是一種超文字標記語言 標記 符號,標籤標記是沒有邏輯的 組成 目的 完成頁面的搭建 html頁面大致的組成部分 簡單的乙個htm5搭建 title 語法 內容 常用的轉義字元 空格 h1 h6 裡面內容相對於普通的內容會加粗,且會自動換行 p 自帶換行,有段落間距 共同點都不帶換行 常用的文...