Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 99视频在线,一二三区在线视频,91成人在线 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷(xiāo)服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          揭秘：html中快元素和內(nèi)嵌元素到底有哪些？
          
        
           
          
	
	
          
		揭秘：html中快元素和內(nèi)嵌元素到底有哪些？
          
                        
          、塊級(jí)元素(block)，一般用來(lái)搭建網(wǎng)站架構(gòu)、布局、承載內(nèi)容的作用，有以下這些標(biāo)簽：
          address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
          二、內(nèi)嵌元素（inline），一般用在網(wǎng)站內(nèi)容之中的某些細(xì)節(jié)或部位，用以“強(qiáng)調(diào)、區(qū)分樣式、上標(biāo)、下標(biāo)、錨點(diǎn)”等等，以下這些標(biāo)簽都屬于內(nèi)嵌元素：
          a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var
          溫馨提示：請(qǐng)注意html的嵌套規(guī)則，以免出錯(cuò)或者網(wǎng)頁(yè)錯(cuò)亂。
          除注明外的文章,均為來(lái)源：湯久生博客(QQ:1917843637),轉(zhuǎn)載請(qǐng)保留本文地址，謝謝！
          果沒(méi)有HTML，我們WEB程序員的日子就不是那么好過(guò)了，為了實(shí)現(xiàn)一個(gè)簡(jiǎn)單的頁(yè)面，或許都要我們寫(xiě)很多很多代碼，下面我們就來(lái)聊聊5個(gè)曾經(jīng)作出了巨大貢獻(xiàn)的HTML元素，希望它們的老年生活過(guò)得快樂(lè)。
          TOP5 marquee
          還記得第一次學(xué)這個(gè)元素時(shí)的場(chǎng)景嗎？想必很多程序員都在興奮的說(shuō)到，哈哈，我居然可以實(shí)現(xiàn)將內(nèi)容向左、向右、向上、向下滾動(dòng)了，于是，在網(wǎng)頁(yè)里面引入這個(gè)元素成為了大家的必備，總是想方設(shè)法的利用它，但是不幸的是，這個(gè)元素不再推薦使用，并且逐漸的被一些新的現(xiàn)代瀏覽器給拋棄。
          TOP4 table
          用表格來(lái)進(jìn)行布局是曾經(jīng)非常流行的，本來(lái)表格僅僅用來(lái)展示類(lèi)似生活中表數(shù)據(jù)而用的，但是在曾經(jīng)的WEB歷史上，很大部分WEB程序員都使用表格來(lái)進(jìn)行布局。
          TOP3 div
          上面提到基于表格的布局，由于表格本身不是用于布局的，而是有語(yǔ)義的HTML元素，并且采用表格布局的時(shí)候，會(huì)出現(xiàn)表格嵌套的問(wèn)題，導(dǎo)致HTML代碼非常復(fù)雜，于是以DIV+CSS的布局模式不斷的向表格布局發(fā)起挑戰(zhàn)，并最終戰(zhàn)勝了表格布局，但是隨著HTML5的興起，HTML引入了更人性化、更語(yǔ)義化的布局元素，比如header、footer等，導(dǎo)致DIV的用途范圍越來(lái)越小。
          TOP2 frameset
          利用框架集，我們能夠?qū)⒁粋€(gè)瀏覽器窗口分成幾個(gè)不同的、獨(dú)立的部分，但是在處理窗口之間的通訊和JavaScript的調(diào)用，總是變得很復(fù)雜，索性W3C就將這個(gè)和其他幾個(gè)相關(guān)的HTML元素都從標(biāo)準(zhǔn)中移除了，但是不可否認(rèn)，在曾經(jīng)，我們大部分WEB程序員都使用它來(lái)完成某些功能。
          TOP1 form
          有了表單我們就能夠收集用戶各種各樣的信息，在初期AJAX不盛行的時(shí)候，我們是通過(guò)form的action和提交按鈕來(lái)提交表單的，但是隨著ajax的盛行，我們似乎看到很多WEB程序員直接就用AJAX來(lái)提交表單了，而form似乎變得可有可無(wú)了。

          TML（HyperText Markup Language）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。在HTML中，"元素"和"標(biāo)簽"是構(gòu)建網(wǎng)頁(yè)的基本組成部分，它們一起定義了網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。HTML標(biāo)簽是用來(lái)定義HTML元素的開(kāi)始和結(jié)束的，而HTML元素是由標(biāo)簽及其包含的內(nèi)容組成的。

          參考文檔：https://www.cjavapy.com/article/3303/

          1、HTML 元素

          HTML元素指的是從開(kāi)始標(biāo)簽到結(jié)束標(biāo)簽的所有內(nèi)容。它們是HTML文檔的構(gòu)建塊，用于創(chuàng)建和組織網(wǎng)頁(yè)內(nèi)容。HTML元素可以包含文本、圖片、鏈接、表格等多種類(lèi)型的數(shù)據(jù)。元素可能包括一個(gè)開(kāi)始標(biāo)簽和一個(gè)結(jié)束標(biāo)簽，也可能只有一個(gè)標(biāo)簽（在自閉合元素的情況下）。

          1） <!DOCTYPE> 聲明

          用于定義文檔類(lèi)型，告訴瀏覽器此文檔使用哪個(gè)HTML版本。

          <!DOCTYPE html>

          2） <html>

          根元素，包含整個(gè)HTML文檔。

          <html lang="en">
</html>

          3） <head>

          包含文檔的元數(shù)據(jù)，如標(biāo)題、字符集聲明和鏈接到樣式表。

          <head>
  <title>頁(yè)面標(biāo)題</title>
  <meta charset="UTF-8">
</head>

          4）<title>

          定義文檔的標(biāo)題，顯示在瀏覽器的標(biāo)題欄或頁(yè)面的標(biāo)簽頁(yè)上。

          <title>這是文檔的標(biāo)題</title>

          5）<body>

          包含文檔的所有可見(jiàn)內(nèi)容，如文本、圖片、鏈接和其他多媒體元素。

          <body>
  <h1>這是一個(gè)主標(biāo)題</h1>
  <p>這是一個(gè)段落。</p>
</body>

          6） <header>

          定義一個(gè)區(qū)域或頁(yè)面的頭部，通常包含標(biāo)題和導(dǎo)航鏈接。

          <header>
  <h1>網(wǎng)站標(biāo)題</h1>
  <nav>
    <ul>
      <li><a href="#">首頁(yè)</a></li>
      <li><a href="#">關(guān)于</a></li>
    </ul>
  </nav>
</header>

          7） <footer>

          定義頁(yè)面或區(qū)域的頁(yè)腳部分，通常包含版權(quán)信息、聯(lián)系信息等。

          <footer>
  <p>版權(quán)所有 ? 2024</p>
</footer>

          8） <nav>

          定義導(dǎo)航鏈接的部分，用于頁(yè)面內(nèi)或頁(yè)面間的導(dǎo)航。

          <nav>
  <ul>
    <li><a href="#">首頁(yè)</a></li>
    <li><a href="#">新聞</a></li>
  </ul>
</nav>

          9）<section>

          定義文檔中的一個(gè)獨(dú)立部分，通常與標(biāo)題一起使用。

          <section>
  <h2>章節(jié)標(biāo)題</h2>
  <p>這是該章節(jié)的一些內(nèi)容。</p>
</section>

          10. <article>

          定義可以獨(dú)立于內(nèi)容其余部分的完整自包含內(nèi)容，例如博客帖子或新聞文章。

          <article>
  <h2>文章標(biāo)題</h2>
  <p>文章內(nèi)容...</p>
</article>

          11. <aside>

          定義與周?chē)鷥?nèi)容稍微分離的內(nèi)容，如側(cè)邊欄或廣告欄。

          <aside>
  <p>這是一些附加信息。</p>
</aside>

          12. <figure> 和 <figcaption>

          <figure> 定義獨(dú)立的流內(nèi)容（如圖表、圖像、代碼示例等），<figcaption> 提供該內(nèi)容的標(biāo)題。

          <figure>
  <img src="image.jpg" alt="描述性文本">
  <figcaption>圖像標(biāo)題</figcaption>
</figure>

          2、HTML 標(biāo)簽

          HTML標(biāo)簽是HTML元素的一部分，用于從邏輯上開(kāi)始或結(jié)束一個(gè)元素。標(biāo)簽通常成對(duì)出現(xiàn)，包括一個(gè)開(kāi)始標(biāo)簽和一個(gè)對(duì)應(yīng)的結(jié)束標(biāo)簽，結(jié)束標(biāo)簽的名稱前會(huì)有一個(gè)斜線（/）作為區(qū)分。有些HTML標(biāo)簽是自閉合的，意味著它們不需要結(jié)束標(biāo)簽，如圖像標(biāo)簽（<img />）和換行標(biāo)簽（<br />）。

          標(biāo)簽
          說(shuō)明
          <!DOCTYPE>
          聲明文檔類(lèi)型和HTML版本。
          <html>
          標(biāo)識(shí)一個(gè)HTML文檔的根元素。
          <head>
          包含了文檔的元數(shù)據(jù)。
          <title>
          指定文檔的標(biāo)題。
          <body>
          包含了可見(jiàn)的頁(yè)面內(nèi)容。
          <h1> - <h6>
          定義標(biāo)題，從
          <h1> 到 <h6> 重要性遞減。
          <p>
          定義段落。
          <br>
          插入一個(gè)換行符。
          <hr>
          在頁(yè)面上繪制一條水平線。
          <b>
          定義粗體文本。
          <i>
          定義斜體文本。
          <u>
          定義下劃線文本。
          <strong>
          定義重要文本。
          <em>
          定義強(qiáng)調(diào)文本。
          <mark>
          定義被標(biāo)記或高亮的文本。
          <small>
          定義小號(hào)文本。
          <sub>
          定義下標(biāo)文本。
          <sup>
          定義上標(biāo)文本。
          <a>
          定義超鏈接。
          <img>
          在頁(yè)面中嵌入圖像。
          <ul>
          定義無(wú)序列表。
          <ol>
          定義有序列表。
          <li>
          定義列表項(xiàng)。
          <table>
          定義表格。
          <th>
          定義表格的表頭單元格。
          <tr>
          定義表格的行。
          <td>
          定義表格單元。
          <form>
          定義HTML表單。
          <input>
          定義輸入控件。
          <textarea>
          定義多行文本輸入控件。
          <button>
          定義按鈕。
          <select>
          定義下拉列表。
          <option>
          定義下拉列表中的選項(xiàng)。
          <article>
          定義文章。
          <section>
          定義文檔中的一個(gè)區(qū)域（或節(jié)）。
          <header>
          定義介紹性內(nèi)容或?qū)Ш芥溄拥娜萜鳌?/p>
          <footer>
          定義注腳或文檔的頁(yè)腳。
          <nav>
          定義導(dǎo)航鏈接的部分。
          <aside>
          定義側(cè)邊欄內(nèi)容。

          使用示例：

          <!DOCTYPE html>
使用示例：
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML標(biāo)簽使用示例</title>
</head>
<body>
<header>
    <h1>歡迎來(lái)到我的網(wǎng)頁(yè)</h1>
    <nav>
        <a href="#content">主要內(nèi)容</a> |
        <a href="#contact-form">聯(lián)系表單</a>
    </nav>
</header>
<section id="content">
    <article>
        <h2>HTML基礎(chǔ)</h2>
        <p>HTML是構(gòu)建網(wǎng)頁(yè)的基石。<strong>標(biāo)簽</strong>是它的核心組成部分。<mark>本文</mark>介紹了一些最常用的HTML標(biāo)簽。</p>
    </article>
    <aside>
        <h3>注意</h3>
        <p>記得檢查HTML5的新特性和標(biāo)簽。</p>
    </aside>
    <ul>
        <li>文本標(biāo)簽</li>
        <li>列表</li>
        <li>表格</li>
        <li>表單</li>
    </ul>
    <ol>
        <li>先介紹基礎(chǔ)</li>
        <li>然后是進(jìn)階</li>
    </ol>
    <table>
        <tr>
            <th>標(biāo)簽</th>
            <th>描述</th>
        </tr>
        <tr>
            <td><p></td>
            <td>段落標(biāo)簽</td>
        </tr>
        <tr>
            <td><a></td>
            <td>鏈接標(biāo)簽</td>
        </tr>
    </table>
</section>
<section id="images">
    <h2>圖片</h2>
    <img src="example.jpg" alt="示例圖片">
</section>
<footer>
    <section id="contact-form">
        <h2>聯(lián)系我們</h2>
        <form>
            <label for="name">姓名:</label>
            <input type="text" id="name" name="name"><br>
            <label for="email">電子郵件:</label>
            <input type="email" id="email" name="email"><br>
            <input type="submit" value="提交">
        </form>
    </section>
    <p>? 2024 HTML標(biāo)簽示例</p>
</footer>
</body>
</html>

          參考文檔：Hhttps://www.cjavapy.com/article/3303/
           
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
久久国产精品一区免费下载|
日韩精品无码人妻一区二区三区
|
精品少妇一区二区三区在线|
中文字幕人妻无码一区二区三区
|
亚洲av无码一区二区三区观看
|
亚洲第一区视频在线观看|
日韩视频一区二区|
亚洲精品国产suv一区88|
一区高清大胆人体|
色妞AV永久一区二区国产AV|
福利片福利一区二区三区|
国模视频一区二区|
午夜AV内射一区二区三区红桃视|
国产高清视频一区三区|
国产亚洲无线码一区二区|
久久久久国产一区二区三区|
亚洲高清成人一区二区三区|
日韩一区二区在线观看|
日本一区二区三区在线视频
|
亚洲综合色一区二区三区小说|
中文无码精品一区二区三区|
国产观看精品一区二区三区|
色噜噜一区二区三区|
在线视频国产一区|
国产伦一区二区三区免费|
国产一区风间由美在线观看|
国产主播一区二区三区|
色一乱一伦一区一直爽|
jizz免费一区二区三区|
久久精品中文字幕一区|
国产AV一区二区三区传媒|
国产视频一区二区在线播放|
亚洲av无码一区二区三区网站|
国产日韩一区二区三区在线观看
|
国产综合无码一区二区色蜜蜜|
国产情侣一区二区|
国产激情一区二区三区在线观看
|
亚洲av日韩综合一区在线观看|
久久一区不卡中文字幕|
色窝窝无码一区二区三区|
国产香蕉一区二区在线网站|