正文

html基礎(chǔ)代碼（html基礎(chǔ)代碼大全）

發(fā)布時(shí)間：2023-04-14 00:23:18 稿源：創(chuàng)意嶺閱讀： 109

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于html基礎(chǔ)代碼的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、html代碼和JS代碼有什么區(qū)別
2、html代碼大全
3、HTML代碼是什么?
4、給我最簡單的HTML代碼

html基礎(chǔ)代碼（html基礎(chǔ)代碼大全）

一、html代碼和JS代碼有什么區(qū)別

一、基礎(chǔ)不同

1、JS代碼：基于原型編程、多范式的動(dòng)態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍胶吐暶魇剑ㄈ绾瘮?shù)式編程）風(fēng)格。

2、html代碼：是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。

html基礎(chǔ)代碼（html基礎(chǔ)代碼大全）

二、用處不同

1、JS代碼：用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動(dòng)態(tài)功能，為用戶提供更流暢美觀的瀏覽效果。

2、html代碼：結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。

三、特點(diǎn)不同

1、JS代碼：主要用來向HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）頁面添加交互行為。可以直接嵌入HTML頁面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。

2、html代碼：超級(jí)文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。

參考資料來源：百度百科-JS腳本

參考資料來源：百度百科-html代碼

二、html代碼大全

1.結(jié)構(gòu)性定義

文件類型 <HTML></HTML> （放在檔案的開頭與結(jié)尾）

文件主題 <TITLE></TITLE> （必須放在「文頭」區(qū)塊內(nèi)）

文頭 <HEAD></HEAD> （描述性資料，像是「主題」）

文體 <BODY></BODY> （文件本體）

（由瀏覽器控制的顯示風(fēng)格）

標(biāo)題 <H?></H?> （從1到6，有六層選擇）

標(biāo)題的對(duì)齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>

區(qū)分 <DIV></DIV>

區(qū)分的對(duì)齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區(qū)塊 <BLOCKQUOTE></BLOCKQUOTE> （通常會(huì)內(nèi)縮）

強(qiáng)調(diào) <EM></EM> （通常會(huì)以斜體顯示）

特別強(qiáng)調(diào) <STRONG></STRONG> （通常會(huì)以加粗顯示）

引文 <CITE></CITE> （通常會(huì)以斜體顯示）

碼 <CODE></CODE> （顯示原始碼之用）

樣本 <SAMP></SAMP>

鍵盤輸入 <KBD></KBD>

變數(shù) <VAR></VAR>

定義 <DFN></DFN> （有些瀏覽器不提供）

地址 <ADDRESS></ADDRESS>

大字 <BIG></BIG>

小字 <SMALL></SMALL>

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗 <B></B>

斜體 <I></I>

底線 <U></U> （尚有些瀏覽器不提供）

刪除線 <S></S> （尚有些瀏覽器不提供）

下標(biāo) <SUB></SUB>

上標(biāo) <SUP></SUP>

打字機(jī)體 <TT></TT> （用單空格字型顯示）

預(yù)定格式 <PRE></PRE> （保留文件中空格的大?。?

預(yù)定格式的寬度 <PRE WIDTH=?></PRE>（以字元計(jì)算）

向中看齊 <CENTER></CENTER> （文字與圖片都可以）

閃耀 <BLINK></BLINK> （有史以來最被嘲弄的標(biāo)簽）

字體大小 <FONT SIZE=?></FONT>（從1到7）

改變字體大小 <FONT SIZE=+|-?></FONT>

基本字體大小 <BASEFONT SIZE=?> （從1到7; 內(nèi)定為3）

字體顏色 <FONT COLOR='#$$$$$$'></FONT>

2.連結(jié)與圖形

連結(jié) <A href='/URL'></A>

連結(jié)到錨點(diǎn) <A HREF='URL#***'></A>（如果錨點(diǎn)在另一個(gè)檔案）

<A HREF='#***'></A> （如果錨點(diǎn)目前的檔案）

連結(jié)到目的視框 <A href='/URL' TARGET='***'></A>

設(shè)定錨點(diǎn) <A NAME='***'></A>

圖形 <IMG src='/URL'>

圖形看齊方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>

圖形看齊方式 <IMG src='/URL'

取代文字 <IMG src='/URL' ALT='***'> （如果沒有辦法顯示圖形則顯示此文字）

點(diǎn)選圖 <IMG src='/URL' ISMAP> （需要CGI程式）

N2.0 點(diǎn)選圖 <IMG src='/URL' USEMAP='URL'>

N2.0 地圖 <MAP NAME='***'></MAP>（描述地圖）

N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>

3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels為單位） N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> （以pixels為單位）

N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> （以pixels為單位）

N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>

N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自動(dòng)更新）

N2.0 內(nèi)嵌物件 <EMBED src='/URL'> （將物件插入頁面）

N2.0 內(nèi)嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>

3.分隔

段落 <P> （通常是兩個(gè)return）

3.0 段落 <P></P> （新定義成容器型標(biāo)簽）

3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>

換行 <BR> （一個(gè)return）

N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>（與圖形合用時(shí)）

橫線 <HR>

N1.0 橫線對(duì)齊 <HR ALIGN=LEFT|RIGHT|CENTER>

N1.0 橫線厚度 <HR SIZE=?> （以pixels為單位）

N1.0 橫線寬度 <HR WIDTH=?> （以pixels為單位）

N1.0 橫線比率寬度 <HR WIDTH=%> （以頁寬為100%）

N1.0 實(shí)線 <HR NOSHADE> （沒有立體效果）

N1.0 不可換行 <NOBR></NOBR> （不換行）

N1.0 可換行處 <WBR> （如果需要，可在此斷行）

列舉（可以巢狀列舉）

無次序式列舉 <UL><LI></UL> （<LI> 放在每一項(xiàng)前）

N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項(xiàng)）

<LI TYPE=DISC|CIRCLE|SQUARE>（定義這個(gè)及其后的列舉項(xiàng)）

有次序式列舉 <OL><LI></OL> （<LI> 放在每一項(xiàng)前）

N1.0 數(shù)標(biāo)型態(tài) <OL TYPE=A|a|I|i|1> （定義全部的列舉項(xiàng)）

<LI TYPE=A|a|I|i|1> （定義這個(gè)及其后的列舉項(xiàng)）

N1.0 起始數(shù)字 <OL value=?> （定義全部的列舉項(xiàng)）

<LI value=?> （定義這個(gè)及其后的列舉項(xiàng)）

定義式列舉 <DL><DT><DD></DL>（<DT>項(xiàng)目, <DD>定義）

表單式列舉 <MENU><LI></MENU>（<LI> 放在每一項(xiàng)前）

目錄式列舉 <DIR><LI></DIR> （<LI> 放在每一項(xiàng)前）

背景與顏色

3.0 重復(fù)排列的背景 <BODY background='/URL'>

N1.1+ 背景顏色 <BODY BGCOLOR='#$$$$$$'> （依序?yàn)榧t、綠、藍(lán)）

N1.1+ 文字顏色 <BODY TEXT='#$$$$$$'>

N1.1+ 連結(jié)顏色 <BODY LINK='#$$$$$$'>

N1.1+ 看過的連結(jié) <BODY VLINK='#$$$$$$'>

N1.1 使用中的連結(jié) <BODY ALINK='#$$$$$$'>

4.特殊字元（以下標(biāo)簽需用小寫）

特別符號(hào) &#?; （其中 ? 代表 ISO 8859-1 的編碼）

< < > > & & ' '

注冊(cè)商標(biāo)TM ?

N1.0+ 注冊(cè)商標(biāo)TM ?

著作權(quán)符號(hào) ?

N1.0+ 著作權(quán)符號(hào) ?

5.表單（通常需要與CGI程式配合）

定義表單 <FORM ACTION='URL' METHOD=GET|POST></FORM>

N2.0 上傳檔案 <FORM ENCTYPE='multipart/form-data></FORM>

欄位名稱 <INPUT NAME='***'>

欄位內(nèi)定值 <INPUT value='***'>

已選定 <INPUT CHECKED> （適用於checkboxes與 radio boxes）

欄位寬度 <INPUT SIZE=?> （以字元數(shù)為單位）

最長字?jǐn)?shù) <INPUT MAXLENGTH=?> （以字元數(shù)為單位）

下拉式選單 <SELECT></SELECT>

下拉式選單名稱 <SELECT NAME='***'></SELECT>

選單項(xiàng)目數(shù)量 <SELECT SIZE=?></SELECT>

多選式選單 <SELECT MULTIPLE> （多選）

選項(xiàng) <OPTION>

內(nèi)定選項(xiàng) <OPTION SELECTED>

文字輸入?yún)^(qū) <TEXTAREA ROWS=? COLS=?></TEXTAREA>

輸入?yún)^(qū)名稱 <TEXTAREA NAME='***'></TEXTAREA>

N2.0 輸入?yún)^(qū)換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

6.表格

3.0 定義表格 <TABLE></TABLE>

3.0 表格框線 <TABLE BORDER></TABLE> （有或沒有）

N1.1 表格框線 <TABLE BORDER=?></TABLE>（可以設(shè)定數(shù)值）

N1.1 儲(chǔ)存格左右留白 <TABLE CELLSPACING=?>

N1.1 儲(chǔ)存格上下留白 <TABLE CELLPADDING=?>

N1.1 表格寬度 <TABLE WIDTH=?> （以pixels為單位）

N1.1 寬度比率 <TABLE WIDTH=%> （頁寬為100%）

3.0 表格列 <TR></TR>

3.0 表格列內(nèi)容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0 儲(chǔ)存格 <TD></TD> （須與列并用）

3.0 儲(chǔ)存格內(nèi)容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0 不換行 <TD NOWRAP>

N3.0 儲(chǔ)存格背景顏色 <TD BGCOLOR=#$$$$$$>

3.0 儲(chǔ)存格橫向連接 <TD COLSPAN=?>

3.0 儲(chǔ)存格縱向連接 <TD ROWSPAN=?>

N1.1 儲(chǔ)存格寬度 <TD WIDTH=?> （以pixels為單位）

N1.1 儲(chǔ)存格寬度比率 <TD WIDTH=%> （頁寬為100%）

3.0 表格標(biāo)題 <TH></TH> （跟<TD>一樣，不過會(huì)對(duì)中并加粗）

3.0 表格標(biāo)題對(duì)齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

3.0 表格標(biāo)題不換行 <TH NOWRAP>

3.0 表格標(biāo)題占幾欄 <TH COLSPAN=?>

3.0 表格標(biāo)題占幾列 <TH ROWSPAN=?>

N1.1 表格標(biāo)題寬度 <TH WIDTH=?> （以pixels為單位）

N1.1 表格標(biāo)題比率寬度<TH WIDTH=%> （頁寬為100%）

3.0 表格抬頭 <CAPTION></CAPTION>

3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）

視框（定義與控制螢?zāi)簧系奶囟▍^(qū)域）

N2.0 視框格式總定義 <FRAMESET></FRAMESET> （取代<BODY>）

N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）

N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相對(duì)大?。?

N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）

N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> （* =相對(duì)大?。?

N2.0 定義個(gè)別視框 <FRAME> （定義個(gè)別視框）

N2.0 個(gè)別視框內(nèi)容 <FRAME src='/URL'>

N2.0 個(gè)別視框名稱 <FRAME NAME='***'|_blank|_self|_parent|_top>

N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> （「左」與「右」邊界）

N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> （「天頂」與「地底」邊界）

N2.0 卷動(dòng)條 <FRAME SCROLLING='YES|NO|AUTO'>

N2.0 不可改變大小 <FRAME NORESIZE>

N2.0 無視框時(shí)的內(nèi)容 <NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框功能的話）

7.雜項(xiàng)

說明  （瀏覽器不會(huì)顯示）

三、HTML代碼是什么?

HTML(hyper text markup language,超文本標(biāo)記語言)用于創(chuàng)建網(wǎng)頁文檔

HTML文檔是使用HTML標(biāo)記和元素創(chuàng)建的,此文件的擴(kuò)展名通常是.html 或.htm

保存在WEB服務(wù)器上.供瀏覽

HTML是超文本標(biāo)記語言.使用HTML編寫的文檔可以通過萬維網(wǎng)瀏覽器察看。文檔中可以包括。文本。圖像。聲音。一級(jí)指向其他HTML文檔或Internet上的站點(diǎn)，服務(wù)和資源的連接。

你要是想學(xué)純HTML語言。可以給我發(fā)詞條

以下是修改過的內(nèi)容:

<head>

</head>

<body>

</a>

</body>

</html>

上面是一個(gè)簡單的HTML代碼

HTML代碼有

HTML標(biāo)簽

HEAD標(biāo)簽

<body>標(biāo)簽

<title><a>.........很多種標(biāo)簽

在上面的代碼里面有了圖片的代碼和超級(jí)連接如有不明白請(qǐng)發(fā)送詞條給我

四、給我最簡單的HTML代碼

<HTML>

<HEAD>

<TITLE>title</TITLE>

</HEAD>

<!--

function chkacc(){

alert(document.getElementById("tbxuid1").value);

alert(document.getElementById("tbxpwd1").value);

}

//-->

</SCRIPT>

<BODY>

姓名：<INPUT TYPE="text" NAME="tbxuid" id="tbxuid1">

留言內(nèi)容：<INPUT TYPE="text" NAME="tbxpwd" id="tbxpwd1">

</FORM>

</BODY>

</HTML>

以上就是關(guān)于html基礎(chǔ)代碼相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

猜你喜歡

一鍵下拉復(fù)制快捷鍵（一鍵下拉復(fù)制快捷鍵是什么）

怎樣建網(wǎng)站得花多少錢（怎樣建網(wǎng)站得花多少錢一個(gè)）

谷歌廣告聯(lián)盟賺錢是真的嗎（谷歌廣告聯(lián)盟賺錢是真的嗎安全嗎）

清華大學(xué)研究生厲害嗎（東華大學(xué)研究生好考嗎）

高中中國地理電子課本（高中地理電子課本pdf）

亞馬遜SEO（亞馬遜SEO推廣）

百度人工客服24小時(shí)電話（百度人工客服24小時(shí)電話是多少）

谷歌廣告收入占比（谷歌廣告收入占比多少）

asi平臺(tái)費(fèi)用（asi平臺(tái)怎么樣）

全網(wǎng)低價(jià)發(fā)卡網(wǎng)

問大家

網(wǎng)頁設(shè)計(jì)懂點(diǎn)設(shè)計(jì)和html+css怎么發(fā)展好呢？

互聯(lián)網(wǎng)飛速發(fā)展，設(shè)計(jì)師的出路在哪里？

濟(jì)南吉華大廈附近正規(guī)誠信真實(shí)靠譜的相親征婚婚介所哪家好？

保定專業(yè)制作一般的高速服務(wù)區(qū)廣告牌制作負(fù)責(zé)人聯(lián)系誰？路過的大神們?cè)诰€等

讓品牌有溫度、有情感
專注品牌策劃15年

html基礎(chǔ)代碼（html基礎(chǔ)代碼大全）

猜你喜歡

問大家

推薦專題

相關(guān)主題

創(chuàng)意嶺品牌策劃

提交需求1對(duì)1免費(fèi)咨詢

讓品牌有溫度、有情感 專注品牌策劃15年

html基礎(chǔ)代碼（html基礎(chǔ)代碼大全）

猜你喜歡

問大家

推薦專題

相關(guān)主題

創(chuàng)意嶺品牌策劃

提交需求1對(duì)1免費(fèi)咨詢

讓品牌有溫度、有情感
專注品牌策劃15年