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 亚洲精品一区二区三区www,日本视频一区二区免费播放,激情五月色婷婷丁香伊人 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          關(guān)于前端教程：HTML頭部元素
          
        
           
          
	
	
          
		
                        
          管現(xiàn)代Web開(kāi)發(fā)更加依賴(lài)于各種MVC框架，但是開(kāi)發(fā)者仍然需要對(duì)HTML和DOM有基本的了解。然而，即使對(duì)有多年經(jīng)驗(yàn)的前端開(kāi)發(fā)人員來(lái)說(shuō)，也會(huì)遇到一些不知道的情況。 
          HTML頭部元素描述 
          HTML<head>元素用作元數(shù)據(jù)（關(guān)于數(shù)據(jù)的數(shù)據(jù)）的容器。它用在<html>標(biāo)簽和<body>標(biāo)簽之間。 
          HTML文檔的頭部?jī)?nèi)容在頁(yè)面加載時(shí)不會(huì)顯示在瀏覽器中。它僅包含有關(guān)HTML文檔的元數(shù)據(jù)。 
          元數(shù)據(jù)定義HTML文檔的標(biāo)題，字符集，樣式，鏈接，腳本和其他元信息。 
          HTML頭部可以包含很多元數(shù)據(jù)信息，也可以很少或沒(méi)有信息，這取決于我們的需求。但是頭部對(duì)HTML文檔至關(guān)重要。 
          HTML<head>元素 
          <head>元素包含了所有的頭部標(biāo)簽元素。在<head>元素中你可以插入腳本（scripts）,樣式文件（CSS），及各種meta信息。 
          可以添加在頭部區(qū)域的元素標(biāo)簽為:<title>,<style>,<meta>,<link>,<script>,<noscript>和<base>。 
          HTML<title>元素 
          HTML<title>元素用于定義文檔的標(biāo)題。它在所有HTML/XHTML文檔中使用。<title>元素必須放在<head>元素之間，并且一個(gè)文檔只能有一個(gè)title元素。 
          <title>元素作用 
          它定義了瀏覽器選項(xiàng)卡中的標(biāo)題。 
          當(dāng)用戶(hù)將頁(yè)面添加到收藏夾時(shí)，它為頁(yè)面提供標(biāo)題。 
          它在搜索引擎結(jié)果中顯示頁(yè)面的標(biāo)題。 
          示例代碼 
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文檔標(biāo)題</title>
    </head>
    <body>文檔內(nèi)容......</body>
</html>12345678復(fù)制代碼類(lèi)型：[html]
          HTML<base>元素 
          <base>標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo)，該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接: 
          <head>
<base href="http://www.runoon.com/images/" target="_blank">
</head>123復(fù)制代碼類(lèi)型：[html]
          HTML<link>元素 
          HTML<link>元素用于將外部樣式表鏈接到您的網(wǎng)頁(yè)。<link>元素包含兩個(gè)主要屬性，即“rel”和“href”。rel屬性表示它是一個(gè)樣式表，href給出該外部文件的路徑。 
          <head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>123復(fù)制代碼類(lèi)型：[html]
          HTML<style>元素 
          HTML<style>元素用于為HTML頁(yè)面設(shè)置樣式。<style>元素只影響當(dāng)前頁(yè)面HTML頁(yè)面的CSS屬性。如果要對(duì)多個(gè)頁(yè)面應(yīng)用CSS，則應(yīng)使用單獨(dú)的CSS文件。 
          <head>
    <style type="text/css">body {background-color:yellow} p {color:blue}</style>
</head>123復(fù)制代碼類(lèi)型：[html]
          HTML<meta>元素 
          HTML<meta>元素用于指定網(wǎng)頁(yè)上的字符集，頁(yè)面描述，關(guān)鍵字，作者和其他元數(shù)據(jù)。 
          搜索引擎和其他Web服務(wù)使用元數(shù)據(jù)來(lái)更好地對(duì)網(wǎng)頁(yè)進(jìn)行排名。 
          <meta>標(biāo)簽提供的元數(shù)據(jù)不顯示在頁(yè)面上，但會(huì)被瀏覽器解析。 
          <meta>一般放置于<head>區(qū)域。 
          <meta>標(biāo)簽定義字符集： 
          <meta charset="UTF-8">  1復(fù)制代碼類(lèi)型：[html]
          charset屬性指定字符編碼。在此示例中，我們將其設(shè)置為“UTF-8”，這意味著它可以顯示任何語(yǔ)言。 
          <meta>標(biāo)簽定義搜索引擎關(guān)鍵詞: 
          <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">1復(fù)制代碼類(lèi)型：[html]
          <meta>標(biāo)簽定義網(wǎng)頁(yè)描述內(nèi)容: 
          <meta name="description" content="免費(fèi) Web & 編程 教程">1復(fù)制代碼類(lèi)型：[html]
          <meta>標(biāo)簽定義網(wǎng)頁(yè)作者: 
          <meta name="author" content="Runoon">1復(fù)制代碼類(lèi)型：[html]
          <meta>標(biāo)簽定義每30秒鐘刷新頁(yè)面: 
          <meta http-equiv="refresh" content="30">1復(fù)制代碼類(lèi)型：[html]
          元刷新用于向?yàn)g覽器提供指令，以在給定的時(shí)間間隔后自動(dòng)刷新頁(yè)面。如上例所示，它將在30秒后自動(dòng)刷新。 
          <meta http-equiv="refresh" content="10; url=https://www.javatpoint.com/html>1復(fù)制代碼類(lèi)型：[html]
          如果添加了URL，則在指定時(shí)間結(jié)束后重定向到該頁(yè)面。 
          <meta>標(biāo)簽定義設(shè)備尺寸 
          HTML5中引入了此方法，以通過(guò)使用<meta>標(biāo)簽來(lái)控制視窗大小。視窗是用戶(hù)在網(wǎng)頁(yè)上的可見(jiàn)區(qū)域。它隨設(shè)備的不同而變化，在手機(jī)上的顯示尺寸明顯小于計(jì)算機(jī)屏幕。 
          <meta name="viewport" content="width=device-width, initial-scale=1.0">  1復(fù)制代碼類(lèi)型：[html]
          <meta>視窗元素如何設(shè)定和控制頁(yè)面的尺寸和縮放比例。 
          width=device-width是用來(lái)設(shè)置頁(yè)面的寬度將與設(shè)備的屏幕寬度保持一致。 
          當(dāng)最初由瀏覽器加載頁(yè)面時(shí)，initial-scale=1.0用于設(shè)置初始縮放級(jí)別。 
          HTML<script>元素 
          <script>標(biāo)簽用于加載腳本文件，如：JavaScript。 
          <script>元素在以后的章節(jié)中會(huì)詳細(xì)描述。 
          HTMLhead元素 
          標(biāo)簽
          描述
          <head>
          定義了文檔的信息
          <title>
          定義了文檔的標(biāo)題
          <base>
          定義了頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址
          <link>
          定義了一個(gè)文檔和外部資源之間的關(guān)系
          <meta>
          定義了HTML文檔中的元數(shù)據(jù)
          <script>
          定義了客戶(hù)端的腳本文件
          <style>
          定義了HTML文檔的樣式文件
          「鏈接」
          TML 框架
          框架的作用就是把瀏覽器窗口劃分成多個(gè)子窗口。
          每個(gè)子窗口可以載入各自的HTML文檔。
          框架(frameset)與頁(yè)面主體body是同級(jí)的關(guān)系
          1.框架的整體結(jié)構(gòu)
          <frameset rows="高度"> ~ </frameset>
          <frameset cols="寬度"> ~ </frameset>
          <frame src="http://www.haook.cn" name="框架名稱(chēng)">
          <noframes> ~ </noframes>
          屬性屬性值說(shuō)明
          rowspx , %上下分割窗口
          colspx , % 左右分割窗口 
          srcurl指定要載入到框架的頁(yè)面地址
          name指定框架名稱(chēng)
          例 1：上中下分割框架
          <frameset rows="高度A,高度B,高度C">
          <frame src="1.html" />
          <frame src="2.html" />
          <frame src="3.html" />
          </frameset>
          例 2：左右分割框架
          <frameset cols="寬度A, 寬度B, 寬度C">
          <frame src="1.html" />
          <frame src="2.html" />
          <frame src="3.html" />
          </frameset>
          例 3：
          <frameset rows="高度A,高度B">
          <frame src="top.html" />
          <frameset cols="寬度A,寬度B">
          <frame src="menu.html" />
          <frame src="main.html" />
          </frameset>
          </frameset>
          2.設(shè)置框架的顯示方式
          <frame scrolling="yes" noresize />
          <frame marginwidth="左右縮進(jìn)" marginheight="上下縮進(jìn)" />
          屬性屬性值說(shuō)明
          scrolling yes、no、auto是否顯示滾動(dòng)條 
          noresize 禁止改變框架的尺寸大小 
          marginwidthpx框架內(nèi)左右的空白區(qū)域
          marginheightpx框架內(nèi)上下的空白區(qū)域
          frameborder1, 0是否顯示邊框
          framespacing0框架與框架之間的空白
          border0 邊框
          3. <iframe> 內(nèi)嵌框架
          <iframe src="URL" name="框架名"> ~ </iframe>
          屬性屬性值說(shuō)明
          widthpx , %指定框架的寬度
          heightpx , % 指定框架的高度
          scrollingyes,no,auto是否顯示滾動(dòng)條 
          frameborder1, 0是否顯示邊框
          head 頭信息
          1.設(shè)置頁(yè)面標(biāo)題
           <title> ~ </title>
          2. 設(shè)置頁(yè)面編碼
           <meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
          utf-8 多國(guó)語(yǔ)言編碼
          gb2312 中文簡(jiǎn)體編碼
          3. 設(shè)置頁(yè)面關(guān)鍵字，內(nèi)容介紹
          <meta name="keywords" content="關(guān)鍵字1，關(guān)鍵字2，…" />
          <meta name="description" content="內(nèi)容介紹" />
          TML的作用
          HTML是用來(lái)開(kāi)發(fā)網(wǎng)頁(yè)的，它是開(kāi)發(fā)網(wǎng)頁(yè)的語(yǔ)言
          HTML的定義
          全稱(chēng)HyperText Mark-up Language，超文本標(biāo)記語(yǔ)言
          標(biāo)記就是標(biāo)簽
          <標(biāo)簽名稱(chēng)></標(biāo)簽名稱(chēng)> 比如 <html></html> <h1></h1>等，標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。
          超文本 兩層含義：
          1. 因?yàn)榫W(wǎng)頁(yè)中還可以有圖片、視頻、音頻等內(nèi)容（超越文本限制）
          2. 它還可以在網(wǎng)頁(yè)中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)，與世界各地主機(jī)的網(wǎng)頁(yè)鏈接（超鏈接文本）
          HTML的基本結(jié)構(gòu)
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)頁(yè)標(biāo)題</title>
    </head>
    <body>
        網(wǎng)頁(yè)顯示內(nèi)容
    </body>
</html>
          第一行<!DOCTYPE html>是文檔聲明
          用來(lái)指定頁(yè)面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔
          <html>...</html>標(biāo)簽是開(kāi)發(fā)人員在告訴瀏覽器
          整個(gè)網(wǎng)頁(yè)是從<html>這里開(kāi)始的，到</html>結(jié)束
          也就是html文檔的開(kāi)始和結(jié)束標(biāo)簽
          <head>...</head>標(biāo)簽用于定義文檔的頭部
          是負(fù)責(zé)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的
          <body>...</body>標(biāo)簽是編寫(xiě)網(wǎng)頁(yè)上顯示的內(nèi)容
          網(wǎng)頁(yè)文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁(yè)，html文件用編輯器打開(kāi)顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開(kāi)，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁(yè)
          VS Code 安裝
          VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)代碼編輯器
          目前是前端(網(wǎng)頁(yè))開(kāi)發(fā)使用最多的一款軟件開(kāi)發(fā)工具
          下載網(wǎng)址: https://code.visualstudio.com/Download
          選擇對(duì)應(yīng)的安裝包進(jìn)行下載:
          安裝一切默認(rèn)
          VS Code 的插件安裝
          • Chinese(Simplified) Language Pack for VS Code 中文漢化包
          • open in browser 右擊在瀏覽器打開(kāi)html
          常用的HTML標(biāo)簽
          1 標(biāo)簽不區(qū)分大小寫(xiě)，但是推薦使用小寫(xiě)
          2 根據(jù)標(biāo)簽的書(shū)寫(xiě)形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽)  2.1 雙標(biāo)簽是指由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽  2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒(méi)有標(biāo)簽內(nèi)容， 比如: img標(biāo)簽
          標(biāo)簽的使用形式
          1. 成對(duì)出現(xiàn)的標(biāo)簽
          2. 標(biāo)簽的嵌套
          3. 單個(gè)出現(xiàn)的標(biāo)簽
          4. 帶屬性的標(biāo)簽

          列表標(biāo)簽
          1. 無(wú)序列表標(biāo)簽(ul標(biāo)簽)
          2. 有序列表標(biāo)簽(ol標(biāo)簽)
          網(wǎng)頁(yè)效果
          表格標(biāo)簽
          <table>標(biāo)簽：表示一個(gè)表格
          <tr>標(biāo)簽：表示表格中的一行
          <td>標(biāo)簽：表示表格中的列
          <th>標(biāo)簽：表示表格中的表頭
          屬性設(shè)置
          border: 1px solid black:設(shè)置邊框和顏色
          border-collapse: collapse:設(shè)置邊框合并


          網(wǎng)頁(yè)效果
          表單標(biāo)簽
          表單用于搜集不同類(lèi)型的用戶(hù)輸入的數(shù)據(jù)，然后可以把用戶(hù)數(shù)據(jù)提交到web服務(wù)器
          <form>標(biāo)簽 表示表單標(biāo)簽，定義整體的表單區(qū)域
          一個(gè)表單中有很多信息組成,比如 姓名,愛(ài)好,地址等,這些內(nèi)容有很多其他標(biāo)簽來(lái)承載
          這些標(biāo)簽稱(chēng)為表單元素標(biāo)簽
          網(wǎng)頁(yè)效果
          表單提交
          表單用于搜集不同類(lèi)型的用戶(hù)輸入的數(shù)據(jù)，然后可以把用戶(hù)數(shù)據(jù)提交到web服務(wù)器
          • action屬性 設(shè)置表單數(shù)據(jù)提交地址
          • method屬性 設(shè)置表單提交的方式，一般有“GET”方式和“POST”方式, 不區(qū)分大小寫(xiě)
          兩種方式的區(qū)別:
          • “GET”方式 : 沒(méi)有請(qǐng)求體
          • “POST”方式 : 有請(qǐng)求體
          表單元素屬性設(shè)置
          • name: 表單元素的名稱(chēng)，用于作為提交表單數(shù)據(jù)時(shí)的參數(shù)名
          • value: 表單元素的值，用于作為提交表單數(shù)據(jù)時(shí)參數(shù)名所對(duì)應(yīng)的值
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Document</title>
          </head>
          <body>
          <!--
          姓名 type="text" 定義單行文本輸入框
          密碼 type="password" 定義密碼輸入框
          性別 type="radio" 定義單選框
          愛(ài)好 type="checkbox" 定義復(fù)選框
          照片 type="file" 定義上傳文件
          個(gè)人描述 <textarea></textarea> 定義多行文本輸入框
          地址 <select></select> 定義下拉列表
          提交 type="submit" 定義提交按鈕
          重置 type="reset" 定義重置按鈕
          按鈕 type="button" 定義一個(gè)普通按鈕
          -->
          <form action="http://192.168.1.106:8080" method="POST">
          <label>姓名:</label>
          <input type="text" name="username" >
          <br>
          <label>密碼:</label>
          <input type="password" name="password">
          <br>
          <label>性別:</label>
          <input type="radio" name="sex" value="1">男
          <input type="radio" name="sex" value="0">女
          <br>
          <label>愛(ài)好:</label>
          <input type="checkbox" name="like" value="睡覺(jué)">睡覺(jué)
          <input type="checkbox" name="like" value="吃飯">吃飯
          <input type="checkbox" name="like" value="打豆豆">打豆豆
          <br>
          <label>照片:</label>
          <input type="file" name="pic">
          <br>
          <label>個(gè)人描述:</label>
          <textarea name="desc"></textarea>
          <br>
          <label>地址:</label>
          <select name="addr">
          <option value="1">北京</option>
          <option value="2">上海</option>
          <option value="3">廣州</option>
          <option value="4">深圳</option>
          </select>
          <br>
          <input type="submit" value="提交">
          <input type="reset" value="重置">
          <input type="button" value="按鈕">
          </form>
          </body>
          </html>

          點(diǎn)擊提交：
          可以看到服務(wù)器收到了請(qǐng)求報(bào)文。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日韩精品一区二区三区不卡|
日韩精品一区二区三区影院|
国产成人一区二区三区免费视频
|
国模吧无码一区二区三区|
日产亚洲一区二区三区|
精品一区二区三区四区电影|
综合无码一区二区三区四区五区
|
日韩国产精品无码一区二区三区|
日韩精品一区二区三区毛片
|
精品视频在线观看一区二区三区|
无码aⅴ精品一区二区三区浪潮|
亚洲中文字幕丝袜制服一区|
一区二区无码免费视频网站|
日韩精品无码免费一区二区三区|
国产精品女同一区二区|
国产无套精品一区二区|
激情内射亚州一区二区三区爱妻|
国产精品一区不卡|
国产成人av一区二区三区不卡|
日韩在线一区二区|
中文字幕一区一区三区|
国产亚洲福利精品一区|
久久精品视频一区|
高清国产精品人妻一区二区|
国产精品 一区 在线|
jizz免费一区二区三区|
亚洲性日韩精品国产一区二区|
日本一区二区三区四区视频|
日韩在线视频一区|
韩国精品一区二区三区无码视频
|
大屁股熟女一区二区三区|
一区二区福利视频|
亲子乱av一区二区三区|
精品视频一区二区三区免费|
久久高清一区二区三区|
亚洲一区二区无码偷拍|
在线精品日韩一区二区三区|
国产综合精品一区二区|
午夜无码视频一区二区三区|
国产精品毛片a∨一区二区三区|
中文字幕日韩一区二区三区不|