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 成人欧美一区二区三区黑人3p,中文字幕日韩在线一区国内,国内免费视频成人精品 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          前端入門二（html）
          
        
           
          
	
	
          
		
                        
          *這篇文章主要讓大家認(rèn)識(shí)網(wǎng)頁的構(gòu)成，知道什么是html，便于同學(xué)們?nèi)腴T，有個(gè)了解）
          1、整個(gè)網(wǎng)頁的結(jié)構(gòu)就是通過html作為基礎(chǔ)搭建起來的，js與css只是html的裝飾，但是也是必不可少的（html主要由html>head>body>組成）當(dāng)然在body里面可能會(huì)用到很多html標(biāo)簽
          <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="format-detection" content="telephone=yes"/>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="stylesheet" href="./styles/reset.css">
    <script src="./styles/hotcss.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1103079_svcustilvsq.css">
    <title>七天洗車</title>
    <script>
    </script>
  </head>
  <body>
    <div id="app"></div>
    <!-- <script src="https://unpkg.com/mint-ui/lib/index.js"></script> -->
  </body>
</html>
          2、html標(biāo)簽
          1. 塊狀元素(block)
          (1) 塊狀元素在網(wǎng)頁中就是以塊的形式顯示. 塊狀元素默認(rèn)沒有自己高度和寬度,默認(rèn)情況下它的寬度是繼承其父元素的寬度,高度是內(nèi)容撐起來的高度,沒有內(nèi)容的時(shí)候高度為0.
          常用的塊狀元素:div, dl, dt, dd, ul, ol, fiedset, (h1-h6), p, form, hr, collgroup, col, table, tr,td等;
          (2) 塊狀元素的特點(diǎn):
          • 默認(rèn)的情況下,塊狀元素都會(huì)獨(dú)占一行,塊狀元素會(huì)按順序自上而下排列;
          • 塊狀元素都可以直接設(shè)置寬度和高度;
          • 塊狀元素都遵循盒模型的所有規(guī)則,一般作為其他元素的容器(p標(biāo)簽除外);
          2.內(nèi)聯(lián)元素(inline 或稱行內(nèi)元素)
          (1) 常見的行內(nèi)元素:span, a, i, em, strong, b等;
          (2) 類聯(lián)元素的特點(diǎn):
          • 內(nèi)聯(lián)元素后面如果是內(nèi)聯(lián)元素,則會(huì)在一行內(nèi)逐個(gè)顯示;
          • 內(nèi)聯(lián)元素現(xiàn)實(shí)的寬度,高度,不能直接定義,它最小的內(nèi)容單元也會(huì)呈現(xiàn)矩形形狀;
          • 內(nèi)聯(lián)元素遵循盒模型的規(guī)則,但是會(huì)有部分無法顯示;
          (當(dāng)然我們也可以通過改變內(nèi)聯(lián)元素的display屬性,來實(shí)現(xiàn)對(duì)其寬度和高度的設(shè)置,這個(gè)知識(shí)點(diǎn)我會(huì)放在下一篇和大家分享)
          3.塊級(jí)內(nèi)聯(lián)元素（inline-block）
          （1）不管什么元素可以根據(jù)屬性（css屬性）display: inline-block變成塊級(jí)內(nèi)聯(lián)元素；原始元素主要有img標(biāo)簽
          （2）塊級(jí)元素的特點(diǎn)：
          • 集合內(nèi)聯(lián)和塊級(jí)元素特點(diǎn)，在一行顯示
          *所有元素都可以通過display屬性來改變
          *行內(nèi)元素不能隨意包裹塊級(jí)元素，會(huì)出現(xiàn)不顯示等問題
          *所有標(biāo)簽鏈接可參考：https://www.w3school.com.cn/html/index.asp（標(biāo)簽主要使用常用的幾個(gè)div、p、a，span等標(biāo)簽，入門者可以多練習(xí)一下就能記住）
          在前面：
          小編入坑前端，距離現(xiàn)在已經(jīng)有兩年的時(shí)間了，這兩年也是從學(xué)習(xí)到步入工作的兩年，不是大神，但一直在努力走在成為大神的路上，開了這個(gè)頭條號(hào)想分享一些關(guān)于在前端路上的問題與小經(jīng)驗(yàn)，希望能幫助到那些和我碰到一樣問題的人，也希望一起學(xué)習(xí)和進(jìn)步。
          我們從最基礎(chǔ)的開始：
          當(dāng)你要寫一個(gè)頁面的時(shí)候，頭部<head>標(biāo)簽中聲明的東西是至關(guān)重要的。它是所有頭部元素的容器，可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。

          下面我們來逐條分析：
          1.強(qiáng)制使用IE最先內(nèi)核渲染頁面：
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
          這是個(gè)是IE8的專用標(biāo)記,用來指定IE8瀏覽器去模擬某個(gè)特定版本的IE瀏覽器的渲染方式，但是有熟悉瀏覽器的就知道，IE瀏覽器用的額是Trident內(nèi)核，那這里為什么后面還寫了chrome=1呢？原來是谷歌做了個(gè)外掛：Google Chrome Frame(谷歌內(nèi)嵌瀏覽器框架GCF)。這個(gè)插件可以讓用戶的IE瀏覽器外不變，但用戶在瀏覽網(wǎng)頁時(shí)，實(shí)際上使用的是Google Chrome瀏覽器內(nèi)核，而且支持IE6、7、8等多個(gè)版本的IE瀏覽器，谷歌這個(gè)墻角挖的真給力！

          各式各樣的移動(dòng)端
          2.為了讓你的網(wǎng)站頁面適用于移動(dòng)端口，需要加上這一句：
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
          首先要清楚的是，viewport指的是哪一部分，viewport翻譯過來的意思是視口，也就是我們平時(shí)看手機(jī)，看電腦的可視區(qū)域，由于移動(dòng)設(shè)備屏幕寬度不同于傳統(tǒng) web，因此我們需要改變 viewport 值。
          device-width規(guī)定寬度顯示的是設(shè)備的寬度；
          initial-scale規(guī)定了初始縮放比例為1；
          maximum-scale規(guī)定最大縮放比例為1；
          user-scalable規(guī)定用戶是否可以手動(dòng)縮放 (no，yes)。
          3.規(guī)定頁面中的數(shù)字是否識(shí)別為電話號(hào)碼：
          <meta name="format-detection" content="telephone=no" />
          規(guī)定在設(shè)備瀏覽頁面時(shí)對(duì)數(shù)字不啟用電話號(hào)碼的功能，在有些頁面需要網(wǎng)站點(diǎn)擊數(shù)字識(shí)別電話號(hào)碼，點(diǎn)擊跳轉(zhuǎn)到撥打電話界面，這時(shí)啟用電話功能即可：telephone=yes
          4.IE頁面不支持H5新標(biāo)簽時(shí)，用JS來讓它支持
          HTML5是HTML最新的修訂版本，最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 將支持某些 HTML5 特性。為了更方便的使用H5的新標(biāo)簽，有很多方法可以使用，感興趣的童鞋可以閱讀下面的網(wǎng)址學(xué)習(xí)：
          http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html
          5.關(guān)于head標(biāo)簽內(nèi)標(biāo)簽順序問題
          總結(jié)上面的內(nèi)容就不難發(fā)現(xiàn)，寫在head內(nèi)申明的標(biāo)簽有：<meta>、<link>、<title>、<script>、<base>等，那這些標(biāo)簽的順序該如何排列呢？事實(shí)上這是沒有唯一答案的，一般首先要指定編碼，當(dāng)然服務(wù)端也要指定編碼，保持一致。所以大多數(shù)瀏覽器都是把<meta charset="UTF-8">放在第一位。
          一般按照經(jīng)驗(yàn)來分配的順序如下：
          1. <meta>
          2. <title>
          3. <link> \ <style>
          4. <base>
          5. <script>
          上面就是關(guān)于html文件中<head>標(biāo)簽內(nèi)一些常見的問題，歡迎補(bǔ)充和指正，請(qǐng)?jiān)谙路搅粞栽u(píng)論。
          1-HTML基礎(chǔ)
          第1章 基礎(chǔ)語法
          1. html是超文本標(biāo)記語言
          2. <head>,<title>標(biāo)簽里的內(nèi)容不會(huì)在網(wǎng)頁文檔中顯示
          3. <hr/>標(biāo)簽是水平線，不需要成對(duì)出現(xiàn)
          4. 注釋代碼：<!-- -->
          <!DOCTYPE html>
<html>
<head>
	<title>hello</title>
</head>
<body bgcolor="grey">
	<p>HELLO,everyone.This is my first page!</p>
</body>
</html>
          我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個(gè)月整理了一份最適合2019年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。
          第2章 文章段落
          2.1 文檔聲明和META標(biāo)簽
          <html>,<body>,<head>標(biāo)簽是html文檔結(jié)構(gòu)標(biāo)簽，<!DOCTYPE HTML>不屬于html標(biāo)簽，它用于定義文檔類型
          網(wǎng)頁中不能正常顯示中文，出現(xiàn)亂碼現(xiàn)象，使用meta標(biāo)簽設(shè)置編碼格式：<meta charset="utf-8">
          <!DOCTYPE html>
<html>
<head>
	<title>第一個(gè)網(wǎng)頁</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	大家好，一起來學(xué)習(xí)html標(biāo)記語言
</body>
</html>
          3.如果想在html頁面中顯示空格，使用 
          4.
          標(biāo)題標(biāo)簽：<h1></h1>~<h6></h6>
          段落標(biāo)簽：<p></p>
          align對(duì)齊屬性值：
          left:左對(duì)齊內(nèi)容
          right:右對(duì)齊內(nèi)容
          center:居中對(duì)齊內(nèi)容
          justify:對(duì)行進(jìn)行延申，這樣每行都可以有相等的長度
          換行標(biāo)簽<br/>
          5.一個(gè)<p></p>標(biāo)簽代表一個(gè)段落，兩個(gè)<p>標(biāo)簽中的文本內(nèi)容不在同一行，在<p>標(biāo)簽中，使用<br/>文本內(nèi)容的位置只是換行，其實(shí)還是一個(gè)段落
          6.<pre></pre>標(biāo)簽用于預(yù)定義格式顯示文本，即文本在瀏覽器中顯示時(shí)遵循在HTML原文檔中定義的格式
          <!DOCTYPE html>
<html>
<head>
	<title>練習(xí)1</title>
	<meta http-equiv="Content-Type" content="text/http;charset=utf-8"/>
</head>
<body>
	<h3 align="center">《早發(fā)白帝城》</h3>
	<p align="center">朝辭白帝彩云間，千里江陵一日還。</p>
	<p align="center">兩岸猿聲啼不住，輕舟已過萬重山。</p>
</body>
</html>

          <!DOCTYPE html>
<html>
<head>
	<title>練習(xí)2</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<h1>敕勒歌</h1>
	<h2>朝代：南北朝</h2>
	<h3>作者：佚名</h3>
	<p>  敕勒川，<br/>
	     陰山下，<br/>
	     天似穹廬，<br/>
	</p>
	<pre>
  籠蓋四野，
   天蒼蒼，
   野茫茫，
風(fēng)吹草低見牛羊。
	</pre>
</body>
</html>

          2.2 文字和段落標(biāo)簽
          • 文字斜體：<i></i>和<em></em>
          • 加粗：<b></b>和<strong></strong>
          • 下標(biāo)：<sub></sub>
          • 上標(biāo)：<sup></sup>
          特殊符號(hào)
          任務(wù)
          <!DOCTYPE html>
<html>
<head>
	<title>任務(wù)</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<p align="center">關(guān)于我們  |  招聘信息  |  聯(lián)系我們  |  意見反饋</p>
	<hr/>
	<p align="center">Copyright ? 2016 imooc.com All Rights Reserved</p>
</body>
</html>
          <!DOCTYPE html>
<html>
<head>
	<title>任務(wù)</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<p>公式:x<sup>2</sup>+x=0 解:x<sub>1</sub>=0;x<sub>2</sub>=-1</p>
</body>
</html>
          第3章 列表標(biāo)簽
          3.1 列表標(biāo)簽-無序列表

          <!DOCTYPE html>
<html>
<head>
	<title>3</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<ul type="disc">
		<li>朝辭白帝彩云間，</li>
		<li>千里江陵一日還，</li>
		<li>兩岸猿聲啼不住，</li>
		<li>輕舟已過萬重山，</li>
	</ul>
	<ul type="square">
		<li>朝辭白帝彩云間，</li>
		<li>千里江陵一日還，</li>
		<li>兩岸猿聲啼不住，</li>
		<li>輕舟已過萬重山，</li>
	</ul>
</body>
</html>
          3.2 列表標(biāo)簽-有序列表


          <!DOCTYPE html>
<html>
<head>
	<title>3</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<ol type="a">
		<li>朝辭白帝彩云間，</li>
		<li>千里江陵一日還，</li>
		<li>兩岸猿聲啼不住，</li>
		<li>輕舟已過萬重山，</li>
	</ol>
	<ol type="i">
		<li>朝辭白帝彩云間，</li>
		<li>千里江陵一日還，</li>
		<li>兩岸猿聲啼不住，</li>
		<li>輕舟已過萬重山，</li>
	</ol>
</body>
</html>
          3.3 列表標(biāo)簽-定義列表
          <dt><dd>是同級(jí)標(biāo)簽
          第四章 圖像和超鏈接
          4.1 圖像
          • 圖像標(biāo)簽

          絕對(duì)路徑：
          相對(duì)路徑：

          效果圖
          <!DOCTYPE html>
<html>
<head>
	<title>3</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<p>一幅圖像:<img src="http://climg.mukewang.com/58c112ed0001370f03000300.jpg" width="30%"></p>
	<p>一幅動(dòng)畫圖像:<img src="http://climg.mukewang.com/58c11324000144f703550220.jpg" height="50px" width="50px"></p>
</body>
</html>
          4.2 超鏈接
          超鏈接標(biāo)簽


          空鏈接：<a href="#"> </a>

          4.3 錨鏈接
          1. 定義錨（同一頁面）


          任務(wù)：

          <!DOCTYPE html>
<html>
<head>
	<title>3</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<p><a name="dingbu">這里是頂部</p>
	<p><a href="#shuiguo">水果</p>
	<p><a href="#shucai">蔬菜</p>
	<p><a href="#yundong">運(yùn)動(dòng)</a></p>
	<h3><a name="shuiguo">水果</a></h3>
	<ul>
		<li>香蕉</li>
		<li>蘋果</li>
		<li>葡萄</li>
		<li>梨</li>
		<li>西瓜</li>
		<li>櫻桃</li>
		<li>菠蘿</li>
		<li>橙子</li>
		<li>柚子</li>
		<li>芒果</li>
	</ul>
	<p><a href="#dingbu">返回頂部</a></p>
	<h3><a name="shucai">蔬菜</a></h3>
	<ul>
		<li>西紅柿</li>
		<li>黃瓜</li>
		<li>土豆</li>
		<li>芹菜</li>
		<li>蒜苔</li>
		<li>西葫蘆</li>
		<li>香菇</li>
		<li>菠菜</li>
		<li>豆角</li>
		<li>油菜</li>
	</ul>
	<a name="yundong"></a>
	<p><a href="#dingbu">返回頂部</a></p>
</body>
</html>
        1. 定義錨（不同頁面）
          2. 4.3 鏈接擴(kuò)展功能
          1. 電子郵件鏈接


          2.文件下載



          <!DOCTYPE html>
<html>
<head>
	<title>3</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
	<a href="mailto:2539391306@qq.com.cn">郵箱鏈接</a>
	<a href="58ca5b6700018dfc02400135.zip">文件下載</a>
</body>
</html>


          原文鏈接：https://blog.csdn.net/qq_43405634/article/details/103789819
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
日韩一区二区超清视频|
无码8090精品久久一区|
亚洲第一区在线观看|
久久精品无码一区二区WWW|
香蕉视频一区二区|
精品一区二区三区|
色妞色视频一区二区三区四区|
国产免费av一区二区三区|
亚洲中文字幕久久久一区|
无码人妻精品一区二区三区在线
|
亚洲丰满熟女一区二区哦|
国产乱码精品一区二区三区中文|
三级韩国一区久久二区综合|
午夜DV内射一区区|
日韩免费一区二区三区在线|
99无码人妻一区二区三区免费|
免费视频精品一区二区三区|
熟女大屁股白浆一区二区|
精品视频一区二区三区|
久99精品视频在线观看婷亚洲片国产一区一级在线
|
国产婷婷一区二区三区|
波多野结衣在线观看一区
|
日本中文一区二区三区亚洲|
日韩一区二区免费视频|
久久青青草原一区二区|
精品国产一区二区二三区在线观看|
亚洲高清美女一区二区三区|
麻豆aⅴ精品无码一区二区|
精品女同一区二区三区免费站|
国产精品合集一区二区三区|
日韩中文字幕精品免费一区|
久久精品成人一区二区三区
|
精品国产日产一区二区三区|
一区二区三区人妻无码|
中文字幕精品无码一区二区三区|
亚洲日韩精品一区二区三区
|
精品国产高清自在线一区二区三区
|
国产精品一级香蕉一区|
亚无码乱人伦一区二区|
国产成人精品一区二区三在线观看|
国产丝袜无码一区二区视频|