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
廣網(wǎng)站banner先在body中布局一個div
H1標(biāo)簽寫需要的內(nèi)容
創(chuàng)建一個style樣式框
先清除頁面的內(nèi)外邊距
給div起一個名字用于樣式控制
在style中使用css樣式控制div
Class在css中用.作為前綴花括號包裹內(nèi)容
Width:寬度;控制頁面的寬度
Hight用來控制頁面的高度
Background-image:頁面的背景圖片,放入網(wǎng)址或者本地圖片作為背景
Background-size:控制圖片的大小
Cover:控制圖片填滿所選區(qū)域
Background-repeat:no-reoeat;控制圖片不會重復(fù)顯示
H1用來控制字體樣式
使用display: flex;、justify-content: center;和align-items: center;來居中顯示背景圖像和文字
設(shè)置高度來控制字體高度
總結(jié):“本文詳細(xì)寫了推廣網(wǎng)站banner如何控制圖片大小和文字位置在頁面中要確定好圖片的位置使用css控制圖片在頁面中的大小”通過以上的方法和技巧,讓你在實(shí)際操作過程中,可以對(網(wǎng)站推廣banner圖樣式的學(xué)習(xí)更加清晰)。如果您需要更專業(yè)的幫助,可以聯(lián)系米可網(wǎng)絡(luò),我們專業(yè)的網(wǎng)絡(luò)推廣代運(yùn)營團(tuán)隊將為您提供從建站到運(yùn)營的一站式服務(wù),幫助你提升網(wǎng)站推廣效果。
、黃色花朵少女日系小清新PPT模板:https://www.yomoer.cn/template/detail/6759.html
2、灰色卡通風(fēng)日系小清新PPT模板:https://www.yomoer.cn/template/detail/6760.html
3、紅色日系小清新浪漫風(fēng)格PPT模板:yomoer.cn/template/detail/6754.html
先花三秒鐘時間知道html的概念
Hyper text markup language 中文為超文本標(biāo)記語言,其次html文件的名字都是以.html或者.htm結(jié)尾的
2.html的基本語法
2.1html主要采取標(biāo)記語法,那么什么是標(biāo)記呢?
描述功能的符號稱為標(biāo)記,不同的標(biāo)記具備不同的功能
2.2其次我們要知道標(biāo)記的組成,標(biāo)記到底是什么樣子的?
標(biāo)記全是由<>組成,分為單標(biāo)記和雙標(biāo)記,它的寫法就是這樣:<標(biāo)記名>
2.3標(biāo)記的分類,標(biāo)記一共就分為兩種
封閉類型標(biāo)記(雙標(biāo)記)
有開始,也有顯示的結(jié)束的標(biāo)記
<標(biāo)記名></標(biāo)記名>,例如<a></a>這是一個超鏈接雙標(biāo)記,例如<b></b>加粗雙標(biāo)記
非封閉類型標(biāo)記(或者又叫做空標(biāo)記,單標(biāo)記)
有開始,可以沒有結(jié)束或者自己既可以表示開始,又可以表示結(jié)束。
它的寫法就是<標(biāo)記名>或者<標(biāo)記名稱/>舉三個栗子:<br>換行,<hr>水平線,<img>圖片
3.知識點(diǎn):元素的定義
元素就是標(biāo)記,標(biāo)記中開始到結(jié)束之間的所有內(nèi)容,都統(tǒng)稱為元素。
元素:包含標(biāo)記,包含屬性,包含值。
在這里,我們要掌握一個知識點(diǎn):元素嵌套
在一個元素內(nèi)部又增加了另外一個元素。我們的html頁面就是由各種各樣的元素組成的
<標(biāo)記1>
<標(biāo)記2></標(biāo)記2>
<標(biāo)記1>
需要注意的地方:
1.標(biāo)記之前的嵌套順序
一定要完整嵌套,一個標(biāo)記嵌套另一個標(biāo)記一定要完整嵌套
2.代碼縮進(jìn),嵌套代碼中,子級元素(被嵌套的標(biāo)記)前,要通過幾個空格來表示層級關(guān)系(屬性)
<div>
<p></p>
</div>
4.知識點(diǎn):屬性和值
屬性:修飾元素不同顯示效果的內(nèi)容
值:確定顯示的效果的內(nèi)容。
屬性只能聲明在開始標(biāo)記中,并且屬性和標(biāo)記名稱要有空格分開。
屬性和值用=關(guān)聯(lián),值用""(雙引號)或者"(單引號)引起來。
例如<a href="網(wǎng)址"></a>,這是一個雙標(biāo)記,也是我們網(wǎng)站建設(shè)中用到的最多的html代碼。如果說標(biāo)記中有多個屬性,那么屬性間用空格區(qū)分,并且排名不分先后。
那么下面小編就寫最簡單的一個html網(wǎng)頁分享給初學(xué)者
html網(wǎng)頁分享:
<!--1,文檔類型聲明-->
<!doctype html>
<!--2,html根標(biāo)記-->
<html>
<!--網(wǎng)頁頭部-->
<head>
<!--指定網(wǎng)頁標(biāo)題-->
<title>鐘老師的標(biāo)題</title>
<!--修改編碼格式-->
<meta charset="utf-8">
</head>
<!--網(wǎng)頁主體-->
<body text="green" bgcolor="red">
<!--主頁字體藍(lán)色,背景黑色-->
我的網(wǎng)頁
</body>
<!--網(wǎng)頁頭部-->
</html>
好了,最后講幾個文本標(biāo)記特殊字符的小知識
1.<>不能隨意輸出
2.無論輸入多少個回車和空格最終都被解釋成1個空格。
解決方案
靠轉(zhuǎn)義字符
<是<
>是>
是空格
©是?
在學(xué)習(xí)過程中,只要我們找到了規(guī)律,其實(shí)網(wǎng)站建設(shè)知識中的html并不難。
更多知識關(guān)注小編,或者百度網(wǎng)絡(luò)營銷師鐘震,鐘震講網(wǎng)絡(luò)營銷。會有很多相關(guān)知識,公眾號網(wǎng)絡(luò)營銷師鐘震,以后每天都會分享淘寶運(yùn)營,競價,網(wǎng)站建設(shè)和優(yōu)化,社媒方面的知識。與大家共同進(jìn)步。希望對您有一點(diǎn)點(diǎn)幫助,喜歡記得關(guān)注公眾號。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。