HTML基本介紹

2021-09-26 15:09:21 字數 2385 閱讀 8377

超文字標記語言(hyper text markup language),標準通用標記語言下的乙個應用。html 不是一種程式語言,而是一種標記語言 (markup language),是網頁製作所必備的

工具

notepad++			最基本的文字編輯器,用來替代txt,必備。

sublime text 功能強大,比較常用的的編輯器,用起來還不錯,是收費軟體,可以無限期試用

webstorm 專門用來開發web的編輯器,智慧型,也是比較主流的編輯器

h5 builder 適合新手使用的編輯器,國產,上手方便,功能齊全,俗稱「傻子編輯器」,因為上手太簡單。

editplus 一款由南韓 sangil kim (es-computing)出品的小巧但是功能強大的可處理文字、html和程式語言的windows編輯器

瀏覽器
chrome瀏覽器			必備

firefox瀏覽器

ie瀏覽器(ietester)

safari瀏覽器

opera瀏覽器

html核心是語義化

html本身是不表示樣式的,雖然有的標籤會有一些固定的樣式,但這並不是html的主要做用,html的主要作用還是建構網頁結構

單標籤

<>建立乙個標籤

img 標籤名

src 屬性

…/a.jpg 屬性值

<> 建立標籤

標籤的開始

標籤的閉合

href 屬性為超連結

「 屬性

//宣告頭,告訴我們語法為html5

//網頁標籤//展示給使用者看的內容都寫在body標籤當中

功能性標籤

列表無序列表

ul li

有序列表

ol li

type屬性

網頁當中如何使用一張

src屬性 -----用來引入的路徑

絕對路徑和相對路徑

相對路徑:相對於當前位置的路徑   乙個  ../ 表示上級

絕對路徑:檔案的

width屬性和height屬性—寬高

alt屬性------------在載入不出來時顯示的內容

超連結什麼是超連結,如何在網頁中定義個超連結------href屬性

http/https協議

title屬性

展示給使用者看的文字

div標籤和span標籤

網頁切割

包含普通的文字內容

**如何建立乙個**

table標籤

border屬性(邊框)

例如:----width屬性

例如:300px

rule屬性-------例如:all

建立**中的行-------tr

建立**中的列-------td

建立**中的頭-------th

th

thtd

td

td

align(對齊方式)---------------left/right/center/justify

colspan------------------規定單元格可橫跨的列數

rowspan-----------------規定單元格可橫跨的行數

cellspacing---------------單元格與單元格之間的間距

th--------------------------- 建立**中的標題

cellpadding-------------------單元格與內容之間的空隙

輔助類標籤

標題標籤 -----h1 - h6

段落標籤 ----- p

水平線 ----- hr

刪除線 ----- del

傾斜強調 ----- em

加粗強調 -----strong

斜體文字----- i

預格式文字 ----- pre

換行----- br

注釋-------

常用的標籤歸納

實體字元

空格       	 

< <

> >

實體字元參考手冊

以上就是html基本內容的介紹,當然html的內容還遠遠不止這些,還有一些內容就等到我們以後再來介紹,包括css和js等前端的內容。

HTML基本標籤介紹

這裡介紹一下html的基本格式和基本標籤的使用 主動閉合標籤 夾著內容 內容自閉合標籤 不需要後面半部分 第二部分 head內的 標題2 自動重新整理頁面 3 自動跳轉頁面 5 設定網頁說明 6 支援多個ie核心版本 body內的常用標籤 target blank 可以新開乙個網頁開啟這個跳轉 2 ...

html基本介紹2

html 背景 好的背景使站點看上去特別棒。背景 backgrounds 擁有兩個配置背景的標籤。背景可以是顏色或者影象。背景顏色 bgcolor 背景顏色屬性將背景設定為某種顏色。屬性值可以是十六進製制數 rgb 值或顏色名。以上的 均將背景顏色設定為黑色。背景 background 背景屬性將背...

Html基本控制項介紹

1.標籤 標籤用於蒐集使用者資訊。1.1 type屬性 根據不同的 type 屬性值,輸入字段擁有很多種形式。可以是文字字段 核取方塊 掩碼後的文字控制項 單選按鈕 按鈕等等。text 文字區域 readonly屬性 是否唯讀。password 密碼區域,輸入的文字以 展示 checkbox 核取方...