首頁頁面的搭建
"en">class="
container-fluid
">
class="
head
">
class="
n**bar n**bar-inverse
">
class="
container-fluid
">
class="
n**bar-header
">
"button
"class="
n**bar-toggle collapsed
" data-toggle="
collapse
"data-target="
#bs-example-n**bar-collapse-1
" aria-expanded="
false
">
class="
sr-only
">toggle n**igation
class="
icon-bar
">
class="
icon-bar
">
class="
icon-bar
">
class="
n**bar-branding
">
"/index/
"class="
n**bar-brand
" title="
開發者的網上家園
" role="
banner
">
class="
collapse n**bar-collapse
" id="
bs-example-n**bar-collapse-1
">
class="
body row
">
class="
col-md-2
">
class="
panel panel-success
">
class="
panel-heading
">
class="
panel-body
">panel content
class="
panel panel-info
">
class="
panel-heading
">
class="
panel-body
">panel content
class="
panel panel-warning
">
class="
panel-heading
">
class="
panel-body
">panel content
class="
col-md-7
">
class="
lunbotu
">
"carousel-example-generic
"class="
carousel slide
" data-ride="
carousel
">
class="
carousel-indicators
">
"#carousel-example-generic
" data-slide-to="0"
class="
active
">
"#carousel-example-generic
" data-slide-to="
1">
"#carousel-example-generic
" data-slide-to="
2">
class="
carousel-inner
" role="
listbox
">
class="
item active
">
}" alt="
首頁圖">
}#}class="
item
">
}" alt="
首頁圖">
class="
left carousel-control
" href="
#carousel-example-generic
" role="
button
" data-slide="
prev
">
class="
glyphicon glyphicon-chevron-left
" aria-hidden="
true
">
class="
sr-only
">previous
class="
right carousel-control
" href="
#carousel-example-generic
" role="
button
" data-slide="
next
">
class="
glyphicon glyphicon-chevron-right
" aria-hidden="
true
">
class="
sr-only
">next
class="
article
">
}class="
col-md-3
">
class="
footer text-center
" style="
background-color: rgb(243,243,243)
">
"footer
"class="
footer
">
"friend_link
"class="
link-list friend-link
"" target="
_blank
">阿里雲
"" target="
_blank
"" target="
_blank
">華為雲
"" target="
_blank
"" target="
_blank
">京東雲
"" target="
_blank
">工控組態原始碼
"" target="
_blank
">山海鯨視覺化
"" target="
_blank
">葡萄城控制項
""target="
_blank
">站長之家
href="
" target="
_blank
">天極網
""target="
_blank
class="
footer-splitter
">
"footer_bottom
">
class="
poweredby
">powered by .net 6 on kubernetes
class="
about
">"
">關於
href="
contact
"ad">廣告服務
href="
brandzone
">專區合作
class="
report-contact
"target="
_blank
">
src="
/images/jblogo.png?v=20200730
" alt="">
百度首頁頁面
一.兩個檔案一張，都在同級目錄下 2.乙個css外部樣式表，命名為baidu.css 3.乙個html，命名為baidu.html 二.baidu.css如下 charset utf 8 div1 div2 div2 div2 h1 p2 div2 web div2 search div2 clic...
網頁頁面的自適應
一.允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的？其實並不難。首先，在網頁 的頭部，加入一行viewport元標籤。viewport是網頁預設的寬度和高度，上面這行 的意思是，網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1...
純靜態HTML網頁頁面的優點
純網頁html語言可以直接被搜尋引擎所識別，但是asp語言需要經過解釋，搜尋引擎可能會在中途放棄收錄，轉到下一站點。所以html是建設 的基本，每一次顯示都是直接訪問這個檔案，這個頁面是與資料庫沒有任何關係，同時要想修改 那必須修改 模板，那麼純html網頁的優點是什麼呢？1 如果是生成了html，...