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 自帶換行,有段落間距 共同點都不帶換行 常用的文...