HTML快速入門

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屬性)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章