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
在HTML中,大多數(shù)元素都被定義為塊級(jí)元素或內(nèi)聯(lián)元素。
塊級(jí)元素通常會(huì)獨(dú)立成行,而內(nèi)聯(lián)元素會(huì)并排顯示。
在我們學(xué)過的元素中,
塊級(jí)元素如:<h> <p> <table>這些。
內(nèi)聯(lián)元素如<td><a><img>
下面我們通過練習(xí)來直觀看看他們的區(qū)別。
塊級(jí)元素展示,代碼如下:
<body>
<h1>第一個(gè)網(wǎng)頁</h1><hr><h2>表格元素</h2><hr>
<p>塊級(jí)元素與內(nèi)聯(lián)元素</p>
<p>零基礎(chǔ)自學(xué)網(wǎng)頁制作</p>
<table border="1" width="50%">
<thead>
<tr>
<td colspan="2">表格的頭部信息</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2">表格的腳部信息</td>
<tr>
</tfoot>
<tbody>
<caption>表格標(biāo)題</caption>
<colgroup>
<col span = "1" style="background-color:#ff0000;"></col>
</colgroup>
<tr>
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td>
<table border = "1" width="100%">
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
</td>
<td>一列二行</td>
</tr>
<tr>
<td>二列一行</td>
<td>二列二行</td>
</tr>
</tbody>
</table>
</body>
如圖:
內(nèi)聯(lián)元素展示如下
示例代碼:這段代碼被我放在了</table>后面。
<a href = "https://baike.baidu.com/item/%E6%AD%BC-20/1555348?fromtitle=%E6%AD%BC20&fromid =1838467&fr=aladdin">殲20戰(zhàn)斗機(jī)</a>
<img src="img/戰(zhàn)斗機(jī)/image3.jpg" width = "200px"/>
效果如圖:
其中,<img>標(biāo)簽中的width屬性規(guī)定了圖片的寬度為200px,也就是200像素。
HTML中,如果只對(duì)圖片的寬或高進(jìn)行數(shù)值指定,那么未指定的數(shù)值會(huì)隨著指定數(shù)值進(jìn)行等比例縮放!
熟知html元素是塊級(jí)還是內(nèi)聯(lián)對(duì)以后進(jìn)行頁面布局有一定的指導(dǎo)意義。
<div>與<span>標(biāo)簽
為了方便開發(fā)者對(duì)頁面內(nèi)容進(jìn)行布局和調(diào)整,html開發(fā)者為html加入了專門的區(qū)塊元素<div></div>。
<div></div>是一個(gè)塊級(jí)元素,大家可以把它理解為一個(gè)容器,它本身是不會(huì)顯示在頁面上的。
比如這個(gè)!
筆者第一個(gè)漫畫作品
如果拋開畫面內(nèi)容,我們看到的是一堆對(duì)畫面進(jìn)行分割的方格子。像這樣
<div></div>元素的作用就是對(duì)頁面進(jìn)行了這樣的分割。
實(shí)際上我們的頁面布局都是基于這樣思路進(jìn)行分割的,只是頁面上不會(huì)像漫畫一樣顯示外邊框而已。例如:
強(qiáng)制為其添加邊框分割:
大家看明白了嗎?<div></div>就是用來對(duì)頁面進(jìn)行分割劃區(qū)域的。
通過給<div>標(biāo)簽設(shè)置不同的id屬性,可以在css文件中對(duì)不同<div>區(qū)塊中的所有信息進(jìn)行統(tǒng)一調(diào)整樣式的操作。
這是對(duì)塊級(jí)元素整體改變樣式的方法。
但是,如果我們想對(duì)一個(gè)塊級(jí)元素中的不同文字或圖片這些內(nèi)聯(lián)元素進(jìn)行單獨(dú)操作怎么做呢?
html開發(fā)者為我們提供了<span></span>這樣的內(nèi)聯(lián)標(biāo)簽。比如我們對(duì)<p>我有一個(gè)夢(mèng)想</p>這個(gè)段落元素中的"夢(mèng)想"兩個(gè)字進(jìn)行變化顏色的操作,我們可以這樣寫:
<p>我有一個(gè)<span>夢(mèng)想</span></p>
通過對(duì)<span>指定不同的id或class屬性在CSS文件中對(duì)"夢(mèng)想"二字進(jìn)行改變顏色的操作而不會(huì)影響段落元素中的其他文字。
今天的內(nèi)容結(jié)束了,下一次我們建立一個(gè)新的頁面來簡單看看<div>元素的基本用法。
喜歡的小伙伴請(qǐng)關(guān)注我,閱讀中遇到任何問題請(qǐng)給我留言,如有疏漏或錯(cuò)誤歡迎大家斧正,不勝感激!
HTML序章(學(xué)習(xí)目的、對(duì)象、基本概念)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML是什么?——零基礎(chǔ)自學(xué)網(wǎng)頁制作
第一個(gè)HTML頁面如何寫?——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML頁面中head標(biāo)簽有啥用?——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識(shí)meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性2(路徑詳解)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格1(基本元素)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格2(表格頭部與腳部)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格3(間距與顏色)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格4(行顏色與表格嵌套)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識(shí)HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
封閉在家學(xué)網(wǎng)頁制作!為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識(shí)2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單3(下拉列表、多行文字輸入)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單4(form的action、method屬性)——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
為HTML頁面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中使用<a>標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
1、打開格式工廠,在格式工廠頁面左邊一欄選擇“所有轉(zhuǎn)到AVI”。
2、添加需要截取的視頻文件,點(diǎn)擊“確定”。
3、右鍵選擇“選項(xiàng)”,在彈出的窗口左下角截取片段,設(shè)置開始時(shí)間和結(jié)束時(shí)間,設(shè)置好后點(diǎn)“確定”。
再重新 點(diǎn)擊“開始”,轉(zhuǎn)換后就是你想要的片段了。
TML+PHP超在視頻切片上傳,前端HTML5,VUE2,VUE3,React,JS,JQ。純HTML方式不太好實(shí)現(xiàn),因?yàn)闆]有提供切片API,視頻大概有1G,10G,50G左右,高清,超清視頻都有。
PHP切片,分片,切割,分塊,分段,大文件,超大文件斷點(diǎn)續(xù)傳。刷新續(xù)傳。關(guān)機(jī)續(xù)傳,重啟續(xù)傳。前端用的是HTML
VUE,React都用了HTML5的API,也就是chrome提供的切片API,小文件可以。
前端HTML5,JS,JQ,VUE2,VUE3,React,
后端PHP5,PHP6,PHP7,PHP8,ThinkPHP,
服務(wù)器支持Linux,Windows,macOS,CentOS,中標(biāo)麒麟,銀河麒麟,統(tǒng)信,龍芯,華為鯤鵬,
數(shù)據(jù)庫支持MySQL,達(dá)夢(mèng)數(shù)據(jù)庫,人大金倉
需要提供前端源碼,后端源碼,控件源碼
需要提供7*24小時(shí)技術(shù)支持,長期技術(shù)支持,長期維護(hù)服務(wù)
需要提供手機(jī),QQ,微信,企業(yè)微信,電子郵箱等聯(lián)系方式
需要支持包含IE在內(nèi)的全部瀏覽器
終端需要支持Windows,macOS,Linux,信創(chuàng)國產(chǎn)化環(huán)境,中標(biāo)麒麟,銀河麒麟,統(tǒng)信UOS,龍芯,華為
功能需要支持10G,50G,100G大文件上傳和斷點(diǎn)續(xù)傳,刷新續(xù)傳,重啟續(xù)傳
支持超大文件分片,分段,分塊,分割上傳下載,斷點(diǎn)續(xù)傳
支持文件夾上傳,下載斷點(diǎn)續(xù)傳,支持文件夾層級(jí)結(jié)構(gòu),層級(jí)結(jié)構(gòu)信息保存到數(shù)據(jù)庫,下載的時(shí)候同樣保留層級(jí)結(jié)構(gòu)
支持加密上傳,下載加密,端到端加密,國密SM4加密算法,數(shù)據(jù)加密傳輸,傳輸過程中要保證數(shù)據(jù)是加密的。
版本:6.5.40
代碼:https://gitee.com/xproer/up6-php/tree/6.5.40/
安裝環(huán)境
PHP:7.2.14
調(diào)整塊大小
NOSQL
NOSQL不需要任何配置,可以直接訪問測(cè)試
SQL
創(chuàng)建數(shù)據(jù)庫
您可以直接復(fù)制腳本進(jìn)行創(chuàng)建
配置數(shù)據(jù)庫連接
6.安裝依賴
訪問頁面進(jìn)行測(cè)試
數(shù)據(jù)表中的數(shù)據(jù)
相關(guān)參考:
文件保存位置
php5教程
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。