HTML是什麼
HTML: Hyper Text Markup Language 超文本標記語言。
超文本:比普通的文本(txt)功能更加強大,比如說你想要添加一張圖片,那麼普通的文本無法實現,但是可以通過超文本來實現。
標記語言:標記就是一組標籤,通過一組標籤來對內容進行描述,由瀏覽器來負責解釋執行。(所以這麼標籤是固定的,對瀏覽器來說只要支持這組固定的標籤,就能夠對它來進行解釋執行)
所以只要我們掌握這些固定的標籤,我們也基本上掌握了HTML。
爲什麼要學習HTML
生活所迫,HTML 是web中非常基礎的知識
HTML的用途
網頁設計的基礎,HTML5
HTML的語法規範
1、上面是一個文檔說明
2、根標籤 html
3、html文件包含兩部分
頭部分:主要用來放置一些頁面信息
體部分:主要來放置我們的HTML頁面內容
4、通過標籤來對頁面內容進行描述
標籤通常都是由開始標籤和結束標籤組成
5、不區分大小寫,但是推薦使用小寫
下面對HTML的標籤做一個總結,方便以後學習使用
1、網站信息頁面
h1-h6 標題標籤
hr 水平線
p 段落標籤
font 字體標籤
color 指定顏色
size 指定字體大小
face:指定字體
2、網站圖片信息展示
img標籤
width:寬度
height:高度
src 指定圖片的加載路徑
./ 當前文件所在文件夾
../ 當前文件所在上一層文件件
../../ 當前文件夾的上上一個層文件夾
alt 圖片加載失敗時顯示的內容
3、列表展示標籤
ul 無序列表
type disc,square,circle
ol 有序列表
type 1,a,A,i,I
start 起始索引
li 列表項
a 標籤 超鏈接
href 指定跳轉路徑
target 打開方式
_self
_blank
frame框架的名字
4、網站首頁
table
tr
td
colspan合併列
rowspan合併行
bgcolor 背景色
background 背景
border 邊框
width 寬度
height 高度
align 對齊方式(修飾的是該元素相對於它的父容器的位置關係)
center 居中對齊
left 左對齊
right 右對齊
表格嵌套
表格合併
5、網站註冊
input
text 文本域
password 密碼域
radio 單選按鈕
checkbox複選框
submit 提交按鈕
reset 重置按鈕
button 普通按鈕
hidden 隱藏域
file 文件
date 日期類型
number 數字類型
email 郵件類型
select 下拉列表
option
textarea 文本域
cols
rows
form
action:指定提交的路徑
method:提交的方式 get post
6、網站框架
frameset
cols:豎切
rows:橫切
frame(name屬性)