1、如何用html編寫一個簡單的網頁
HTML源碼如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
</head>
<body style="text-align:center;background-color: bisque;padding-top: 100px;">
<h5>hello word</h5>
<select id="ab">
<option value="0">html</option>
<option value="1">css</option>
<option value="0">js</option>
</select>
<div id="div1" data-zg="中國人" data-zgr="我們是祖國的兒女,我愛祖國">
我們愛祖國!!我們愛祖國!
</div>
</body>
</html>
效果預覽圖瀏覽器顯示:
(1)h3網頁設計擴展資料:
HTML超級文本標記語言文檔製作不是很復雜,但功能強大,支持不同數據格式的文件鑲入,這也是萬維網(WWW)盛行的原因之一,其主要特點如下:
1、簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,為系統擴展帶來保證。
3、平台無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平台上,這也是萬維網(WWW)盛行的另一個原因。
4、通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
2、網頁設計html問題
沒明白 你啥意思 。字體一樣,你沒設置字體,字體就默認啊。 你設置字體如果字體沒有改變,那是優先順序別的問題啊。你圖片那個 h1,h2,h3這是分組,字體設置 這3個標簽的樣式就是一樣的 。字體名稱,後面 字體名稱 ,這是說,在系統中,先找第一個字體,如果第一個字體 有,哪么就選擇第一個字體 ,如果第一個字體沒有 ,就找找第二個字體 ,明白 ?
3、製作網頁上用到的h1或h3是什麼意思?
標准標題格式。
跟word裡面的標題1、標題2、標題3格式差不多。
例如在html里寫:
<H1>你好</H1>
表示把「你好」按標題1的格式在網頁里顯示出來。
4、CSS中的h1,h2,h3,h4,h5,h6是什麼意思
css中h1,h2一直到h6這些都是標題的時候用到的,比如某一篇文章的標題(title)用
<h1>標題</h1>
<h1>最重要的標題H1</h1>
<h2>次要欄目或標題-小標題H2</h2>
<h3>再次要欄目或分類小標題H3</h3>
<h4>文中分類小標題H4</h4> 。。。。。。
這些都是根據自己的喜好來重新定義他們的文字屬性大小,希望我的回答對你有所幫助
5、<h3>網頁設計</h3>中的標簽及標簽語句的作用
&
6、如何用html製作一個網頁
1,打開記事本,並在其中輸入必要信息,完整代碼如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者:宋 · 劉克庄 </p> </header> <hr/> <p>曾與瑤姬約。恍相逢、翠裳搖曳,珠韝聯絡。風露青冥非人世,攬結玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取,問開時、晴雨須斟酌。枝上雪,莫消卻。
惱人匹似中狂葯。
憑危欄、燭光交映,樂聲遙作。身上春衫香薰透,看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子,倚玉簫、度曲難為酢。君不飲,鑄成錯。</p> <h3>清平樂</h3> <p>冰輪萬里。雲卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱,補陀夜夜清涼。</p><dl> <dt>《浣溪沙》</dt> <dd>南國幽花比並香。直從初夏到秋涼</dd> <dt>《鷓鴣天》</dt> <dd>攜靚侶,泛輕航。棹歌驚起野鴛鴦</dd> <dt>《真珠簾》</dt><dd>茉莉芰荷香,拍滿笙簫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
啟動瀏覽器運行後,大家會發現界面並不美觀,文字看著也比較亂。
為了解決這個問題,可以在界面添加css規則,讓界面更好看,更標准化,將下面的代碼塊添加到記事本中,位置在<head>和<head/>也就是頭部之間:
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和預覽,是不是看著美觀多了
7、HTML頁面設計
<style type="text/css">
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td a {
margin: 0;
padding: 0;
}
body{font-size:12px;}
.box{width:500px;border-top:1px dashed #CCCCCC;overflow:hidden;padding:10px 6px;}
.top{border-top:none;}
.box .hd{}
.box .hd .title{color:#333333;font-weight:bold;padding-left:6px;}
.box .hd .count{padding-left:2px;color:#666666;}
.box .cat{padding-top:4px;}
.box .cat li{float:left;padding:2px 6px;}
.box .cat li a{font-family:Arial;}
</style>
</head>
<body>
<div class="box top">
<div class="hd">
<span class="title">移動開發</span>
<span class="count">(12345)</span>
</div>
<ul class="cat">
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
</ul>
</div>
<div class="box">
<div class="hd">
<span class="title">移動開發</span>
<span class="count">(12345)</span>
</div>
<ul class="cat">
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
</ul>
</div>
</body>
8、CSS中的h1,h2,h3,h4,h5,h6是什麼意思?
CSS是網頁設計中的層疊樣式表的意思。
其語法中,包含許多網頁設計標簽。
h標記是標題標記,用它修飾的文本將會以「大,粗」的效果來顯示。
h1到h6是六個級別的標題標記。
h1為最大,字體筆劃最粗。
h6為最小,字體筆劃最細。
9、如何製作HTML頁面
1、首先我們需要在桌面上,新建一張記事本
2、然後我們需要打開記事本,編寫代碼
3、然後我們需要把記事本修改後綴名為.html
4、然後我們需要在桌面上就會有一張網頁,這一點很重要。
5、最後我們需要需要在瀏覽器上運行該網頁