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 日韩精品第二页,日本一区二区在线看,久久精品视频6 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 元素與標(biāo)簽
          
        
           
          
	
	
          
		HTML 元素與標(biāo)簽
          
                        

          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元素的開始和結(jié)束的，而HTML元素是由標(biāo)簽及其包含的內(nèi)容組成的。

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

          1、HTML 元素

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

          1） <!DOCTYPE> 聲明

          用于定義文檔類型，告訴瀏覽器此文檔使用哪個(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>

          定義與周圍內(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元素的一部分，用于從邏輯上開始或結(jié)束一個(gè)元素。標(biāo)簽通常成對(duì)出現(xiàn)，包括一個(gè)開始標(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>
          聲明文檔類型和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/
           
          TML:完成頁(yè)面的內(nèi)容展示
          CSS：完成頁(yè)面樣式的控制，美化頁(yè)面，完成頁(yè)面的布局。
          表單：用于采集用戶輸入的數(shù)據(jù)。用于和服務(wù)器進(jìn)行交互。
          form:用于定義表單的。可以定義一個(gè)范圍(代表用戶采集數(shù)據(jù)的范圍)
          屬性：action:指定提交數(shù)據(jù)的url(指的就是把數(shù)據(jù)提交到哪里)
          method:指定提交方式
          分類：一共有7種，2種比較常用。
          get:1.請(qǐng)求參數(shù)會(huì)在地址欄顯示
          2.請(qǐng)求參數(shù)的長(zhǎng)度是有限制的。
          3.請(qǐng)求不安全
          post:1.請(qǐng)求參數(shù)不會(huì)在地址欄顯示，會(huì)封裝在請(qǐng)求體中。
          2.請(qǐng)求參數(shù)的長(zhǎng)度沒(méi)有限制
          3.較為安全
          表單里面的數(shù)據(jù)要想被提交，必須指定它的name屬性
          表單項(xiàng)標(biāo)簽
          input:可以通過(guò)type屬性值，改變?cè)卣故镜臉邮健?/p>
          type屬性：text:文本輸入框，默認(rèn)值
          placeholder:指定輸入框的提示信息，當(dāng)輸入框的內(nèi)容發(fā)生變化，會(huì)自動(dòng)情況提示信息。
          password:密碼輸入框
          radio：1.單選框(要想讓多個(gè)單選框?qū)崿F(xiàn)單選的效果，則多個(gè)單選框的name屬性值必須一樣)
          2.一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值。
          3.checked屬性可以指定默認(rèn)值
          checkbox:復(fù)選框:
          1.一般會(huì)給每一個(gè)單選框提供value屬性，指定其被選中后提交的值。
          2.checked屬性可以指定默認(rèn)值
          file:文件選擇框
          hidden:隱藏域，用于提交一些信息
          按鈕:
          submit:提交按鈕。可以提交表單
          button:普通按鈕
          image:圖片提交按鈕
          src屬性指定圖片的路徑
          label:指定輸入項(xiàng)的文字描述信息
          注意：lable的for屬性一般會(huì)和input的id屬性值對(duì)應(yīng)。如果對(duì)應(yīng)了，點(diǎn)擊lable區(qū)域，會(huì)讓input輸入框獲取焦點(diǎn)。

          select:下拉列表
          子元素：option,指定列表項(xiàng)
          textarea:文本域
          、www：
          萬(wàn)維網(wǎng)，建立在internet上，全球性的、交互、多平臺(tái)、分布的信息資源。
          wwwf組成：
          • url：統(tǒng)一資源定位器，通俗來(lái)說(shuō)就是訪問(wèn)地址
          • HTTP：超文本傳輸協(xié)議
          • HTML：超文本標(biāo)記語(yǔ)言
          2、網(wǎng)頁(yè)的后綴名：html和htm
          3、標(biāo)簽：
          雙標(biāo)簽：<標(biāo)簽名>內(nèi)容</標(biāo)簽名>
          單標(biāo)簽：<標(biāo)簽名 />
          注釋標(biāo)簽：<!-- 注釋說(shuō)明 -->
          各種標(biāo)簽，以html文檔結(jié)構(gòu)來(lái)做：
          <!doctype html> <!--文檔類型標(biāo)簽-->
<html> --最外層的標(biāo)簽
<head> <!--頭部標(biāo)簽，包含編碼、標(biāo)題等-->
	<title>標(biāo)題</title> <!--標(biāo)題標(biāo)簽-->
	<meta charset="utf-8"/> <!--編碼格式-->
</head>
  <body> <!--主體標(biāo)簽，里面顯示的內(nèi)容-->
  	<h1>哈哈哈哈</h1>
  </body>
</html>
          4、標(biāo)題標(biāo)簽
          h1~h6,h1最大的，h6最小的
          屬性：align,對(duì)齊方式
          屬性值：left-左對(duì)齊，center-居中，right-右對(duì)齊
          示例：
          <h1 align="left">標(biāo)題左對(duì)齊</h1>
          5、段落標(biāo)簽：
          <p>內(nèi)容</p>
          屬性：
          -title:提示信息
          -style:行內(nèi)樣式
          -dir:文字方向，默認(rèn)從左向右，ltl或者rtl
          示例：
          <p title="這是提示信息" dir="ltl"></p>
          6、換行標(biāo)簽：<br/>
          7、水平線標(biāo)簽：<hr/>
          屬性：
          align:對(duì)齊方式，默認(rèn)center居中對(duì)齊
          color:顏色
          width:寬度，可以取值百分比或者像素
          size:高度，只能取值像素
          noshade:取消陰影
          示例：
          <hr color="red" width="50%" size="10"/>
          8、強(qiáng)調(diào)標(biāo)簽：加粗字體
          <b></b>和<strong></strong>
          9、圖片標(biāo)簽：<img />
          屬性：
          src:圖片路徑
          alt:圖片加載錯(cuò)誤時(shí)提示信息
          title:鼠標(biāo)放在圖片上提示信息
          width:寬度
          border:邊框
          示例：
          <img src="1.jpg" alt="圖片加載失敗" title="提示信息"/>
          10、超鏈接：<a>文本</a>
          屬性：
          href：要跳轉(zhuǎn)的地址
          示例：
          <a href="https://www.baidu.com">百度一下</a>
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品一区不卡|
国产精品亚洲产品一区二区三区|
国产伦精品一区二区|
一本色道久久综合一区|
无码人妻精品一区二区三区久久久|
精品中文字幕一区在线|
人妻体内射精一区二区三区|
久久久99精品一区二区|
日本强伦姧人妻一区二区|
亚洲一区二区三区91|
国产日韩精品一区二区三区在线|
精品国产一区二区三区久久狼|
88国产精品视频一区二区三区|
国语精品一区二区三区|
日韩av片无码一区二区三区不卡|
精品国产一区在线观看|
国产精品一区视频|
一本一道波多野结衣一区|
亚洲一区在线视频观看|
精品国产一区二区三区无码|
国产在线精品一区二区在线观看|
国产一区美女视频|
99精品一区二区免费视频|
久久久久人妻一区精品性色av|
亚洲一区二区三区高清|
一区二区三区午夜视频|
91精品一区二区三区在线观看|
久久精品一区二区免费看|
亚洲国产精品自在线一区二区|
久久久久久综合一区中文字幕|
中文字幕久久亚洲一区|
无码欧精品亚洲日韩一区|
精品人妻AV一区二区三区|
色婷婷av一区二区三区仙踪林|
精品无码国产一区二区三区麻豆|
日韩三级一区二区三区|
国产精品污WWW一区二区三区
|
国产精品av一区二区三区不卡蜜|
51视频国产精品一区二区|
夜精品a一区二区三区|
乱人伦一区二区三区|