中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
怎樣簡單編寫一個html網頁

# 轉載請留言聯系

  • 一個HTML的基本結構如下:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body></body></html>

第一行是文檔聲明,第二行“<html>”標簽和最后一行“</html>”定義html文檔的整體,“<head>”標簽和“<body>”標簽是它的第一層子元素,“<head>”標簽里面負責對網頁進行一些設置以及定義標題,設置包括定義網頁的編碼格式,外鏈css樣式文件和javascript文件等,設置的內容不會顯示在網頁上,標題的內容會顯示在標題欄,“<body>”內編寫網頁上顯示的內容。

一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁。

1.標簽

  • 雙標簽和單標簽

# 雙標記/雙標簽
  結構格式:
    <標簽名 屬性名='屬性值' 屬性名='屬性值' ...>內容</標簽名>     
  注意:
      一個雙標簽會兩部分,左邊叫開始標簽,右邊的結束標簽,結束標簽必須在標簽名左邊,有一個正斜杠 /

  例如:<p></p>

# 單標記/單標簽
  結構格式:
    <標簽名 屬性名='屬性值' 屬性名='屬性值' ... />
 
  注意:
  單標簽,最好在開始標簽的最后,有一個正斜杠。

  例如:<img />

  • 標題標簽

<h1>標題</h1>

<!DOCTYPE html><html lang='en'><head>    <meta charset='UTF-8'>    <title>Title</title></head><body>    <h1>標題1</h1>    <h2>標題2</h2>    <h3>標題3</h3>    <h4>標題4</h4>    <h5>標題5</h5>    <h6>標題6</h6>    <!--最多只有標題6,常用的只有1-4--></body></html>
  • 段落標簽

<p>段落內容</p>

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body> <p>我是段落1</p> <p>我是段落2</p> <p>我是段落3</p></body></html>
  • 通用塊容器標簽,表示文檔中一塊內容,具有塊元素基本特性,沒有其他默認樣式

<div>內容</div>

  • 換行標簽

<br/>

<!DOCTYPE html><html lang='en'><head>    <meta charset='UTF-8'>    <title>Title</title></head><body>    <p>我是第一段<br/>我是第二段<br/>我是第三段</p></body></html>
  • 圖片標簽

<img src='路徑??梢允蔷W上的鏈接路徑,也可以是本地路徑' alt='圖片加載失敗時顯示的文字' />

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body> <img src='./images/123.jpg' alt='滑稽' /></body></html>
  • 超鏈接標簽(a鏈接)

<a href='鏈接地址'>鏈接顯示的文字或者圖片</a>

<!DOCTYPE html><html lang='en'><head>    <meta charset='UTF-8'>    <title>Title</title></head><body>    <a href='http://www.baidu.com'>百度</a>        <a href='http://www.baidu.com'><img src='./images/123.jpg'/></a></body></html>

注意:

1.鏈接地址一定要寫http://或者https://

2.src=' ' ----> 刷新當前頁面

3.src='#' ----> 回到頁面的頂部

關于超鏈接標簽,還有一個很常用的東西。

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body> <a href='http://www.baidu.com' target='_blank'>百度</a> #如果后面還有一個href='...',只有前面的生效 <!--target 表示用戶點擊鏈接,打開的方式:--> <!--target的值是固定:--> <!--_self 在當前頁面中打開新的頁面[默認值]--> <!--_blank 在新建的瀏覽器窗口中打開新的頁面--></body></html>
  •  div與span標簽

div常用于包含其他的標簽,用于表示,網頁的一整部分內容,也就是用于進行網頁的布局

span常用語包含其他的標簽或者普通文本內容,也是用于進行網頁的內容布局。

無意義標簽的本身,沒有任何其他的獨特屬性。

2.實體字符

 空白字符,一個空格
<小于號
>大于號
本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
使用HTML5進行SVG矢量圖形繪制的入門教程
CSS復習Day02
HTML---簡介
網頁是怎樣構成的
html和CSS給文字添加刪除線的三種方法(圖文)
HTML第一課——基礎知識普及【1】
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯系客服!

聯系客服