整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          html基礎(chǔ)必備-文本格式標記,前端小白一看就會

          本格式標記

          以下HTML標記用于格式化網(wǎng)頁上文本的外觀。這可以使網(wǎng)頁變得更加生動,但是,文本格式的太多變化也會使人不快。

          標題 - <head> </head>

          head標記有6個級別可用,從h1用于最大和最重要的標題,到h6是最小的標題。

          粗體 - <b> </b>

          b標記之間的文本以粗體顯示,與周圍的文本相對突出。

          斜體 - <i> </i>

          i標記以一個小角度顯示文本。

          下劃線 - <u> </u>

          u標記在文本正文添加一條線,請注意,鏈接已經(jīng)有下劃線,不需要額外的標記。

          刪除線 - <strike> </strike>

          strike標記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關(guān),刪除。也可以用<s></s>代替。

          預格式化文本 - <pre> </pre>

          pre標記之間的任何文本,包括空格、回車符和標點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)

          源代碼 - <code> </code>

          code標記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。

          打字機文本 - <tt> </tt>

          tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。

          Block Quote - <blockquote> </blockquote>

          blockquote標記定義一個塊引用,并且在塊的左右添加額外的邊距。

          小號字 - <small> </small>

          small標記讓你無需設(shè)置字體大小,就可以使文本呈現(xiàn)比周圍稍小的外觀。

          字體顏色 - <font color="#??????"> </font>

          font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。

          字體大小 - <font size="?"> </font>

          font標記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。

          字體大小變化 - <font size="+/-?"> </font>

          font標記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數(shù)字增減字體大小。例如:<font size="-1">一些文本</font>

          字體 - <font face="?"> </font>

          font標記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。

          居中 - <center> </center>

          center標記之間的所有內(nèi)容都居中。

          強調(diào) - <em> </em>

          em標記用于強調(diào)文本,文本通常以斜體顯示,可能會根據(jù)瀏覽器的不同而有所不同。

          著重強調(diào) - <strong> </strong>

          strong標記用于著重強調(diào)文本,通常以粗體顯示,可能會根據(jù)瀏覽器的不同而有所不同。

          例子

          下面是以上標記的示例:

          瀏覽器顯示內(nèi)容如下所示:

          .注釋標記(<!--…-->)

          語法: <!--注釋內(nèi)容-->

          2.文件標記(<html>…</html>)

          語法: <html>…</html>

          說明:<html>這對標記是HTML文件的標記。<html>處于文件的最前面,表示HTML文件的開始。即瀏覽器從<html>標記開始解釋,直到遇到</html>標記為止。

          3.文件頭標記(<head>…</head>)

          語法: <head>…</head>

          說明:

          ①由head這組標記定義的元素中,并不放置網(wǎng)頁的任何內(nèi)容,是放置關(guān)于這份HTML文件的信息。就是說,它并不屬于HTML文件的主體,它包含文件的標題、編碼方式和URL等。這些信息大部分用于提供索引、辨認或其他應(yīng)用。

          ②這對標記在HTML文件中并不是必需的。如果某個HTML文件并不需要提供相關(guān)信息,則可省略<head>標記。

          4.文件標題標記(<title>…</title>)

          語法: <title>文件標題文字</title>

          說明:此標記用于設(shè)定HTML文件的標題名稱,它將顯示在瀏覽器的標題欄中。

          注意:<title>標記用于<head>標記中。但如果HTML文件中沒有使用<head>標記,則<title>標記仍然起作用。

          5.文件主體標記(<body>…</body>)

          語法: <body>…</body>

          說明:

          ①由<body>標記所建立的元素是HTML文件的內(nèi)容主體,也是HTML文件的重點所在。HTML文件中要顯示在網(wǎng)頁上的所有內(nèi)容,也都放置在這個元素中。

          ②<body>具有一些特殊的屬性,可以設(shè)定背景及字符顏色等。

          一下html中文件標簽和文本標簽的使用

          目的是學會使用,所以借助工具可以省好多時間

          1.文件標簽:構(gòu)成html最基本的標簽

          html:html文檔的根標簽

          head:頭標簽。用于引入html文檔的一些屬性。引入外部的一些資源

          title:標題標簽

          body:體標簽

          <!DOCTYPE html>:html5中定義該文檔是html

          2.文本標簽:和文本有關(guān)的標簽

          注釋:<!-- 注釋內(nèi)容 –->

          <h1> 到<h6>:標題標簽自帶換行的效果

          <p>:表示段落的標簽

          <br>:換行標簽<br/>和<br>的寫法都不會報錯

          <hr>:顯示一條水平線(也是一個自閉和標簽)水平線有一些屬性我們可以控制它的樣式。hr里面表示高度是size而不是height.對齊方式默認是居中的。

          <b>:字體加粗

          <i>:斜體

          <font>:字體標簽(通過屬性來修改字體的字號,大小,顏色,以及字體的樣式)

          <center>:文本居然標簽

          這里講下網(wǎng)頁下面的版權(quán)標簽是如何寫出來的。

          3.圖片標簽:用來展示圖片的(圖片也是一個自閉合標簽)

          屬性:src:用來指定圖片的位置

          什么都不寫默認就是./的形式

          ../表示上一級目錄

          4.列表標簽:

          有序列表:ol,li(li表示的是列表的每一項)

          無序列表:ul,li

          5.鏈接標簽:

          a:定義一個超鏈接

          屬性:

          href:指定訪問資源的URL(統(tǒng)一資源定位符,就是路徑的表示形式)

          target:(是目標的意思)指定打開資源的方式

          _self:在當前頁面打開

          _blank:在空白頁面打開

          6.表格標簽:在HTML中的表格只有行的概念,沒有列的概念,將表格以行的形式進行分割,然后再對行進行操作。

          table:定義表格

          width:表格的寬度

          border:邊框

          cellpadding:單元格內(nèi)容左對齊(定義內(nèi)容和單元格的距離)

          cellspacing:邊框合并(定義單元格之間的距離,如果指定為0,單元格的線會合為一條)

          bgcolor:背景色

          align:表格的對齊樣式

          tr:定義行

          bgcolor:背景色

          align:表格的對齊樣式(是用來修改文本的對齊方式的)


          td:定義單元格

          colspan:合并列

          rowspan:合并行

          th:定義表頭單元格

          <caption>:表格標題

          <thread>:表示表格的頭部分

          <tbody>:表示表格的體部分

          <tfoot>:表示表格的腳部分

          7.塊標簽:div和span是結(jié)合css使用的

          span:文本信息在一行顯示,行內(nèi)標簽,內(nèi)聯(lián)標簽(意思就是它不會換行)

          div:是會換行的。每一個div占滿一整行。塊級別的標簽

          8.語義化標簽:html5中為了提高程序的可讀性,提高了一些標簽

          <header>

          <footer>


          主站蜘蛛池模板: 中文字幕人妻无码一区二区三区 | 国产丝袜无码一区二区视频| 欧美激情一区二区三区成人| 国产乱码伦精品一区二区三区麻豆 | 久久影院亚洲一区| 亚洲日韩一区二区三区| 国产自产V一区二区三区C| 精品一区二区三区电影| 亚洲熟妇无码一区二区三区导航| 另类免费视频一区二区在线观看 | 国产一区二区三区在线免费观看| 精品无码AV一区二区三区不卡| 伊人精品视频一区二区三区| 精品视频一区在线观看| 日本一区二区三区久久| 国产日韩精品一区二区在线观看 | 亚洲乱码日产一区三区| 波多野结衣一区二区三区aV高清| 视频一区二区三区免费观看| 成人免费视频一区| 日韩福利视频一区| 国产成人高清亚洲一区久久| 日韩在线观看一区二区三区| 国产成人AV区一区二区三| 精品国产一区二区三区AV| 亚洲视频一区在线播放| 亚洲另类无码一区二区三区| 亚洲无删减国产精品一区| 国产一区三区三区| 亚洲字幕AV一区二区三区四区| 日韩免费观看一区| 久久久91精品国产一区二区三区| 日韩一区二区三区视频久久| 午夜一区二区在线观看| 色欲综合一区二区三区| 综合激情区视频一区视频二区| 日本精品3d动漫一区二区 | 日本一区二区在线不卡| 国产精品视频免费一区二区三区 | 综合人妻久久一区二区精品| 精品一区二区三区免费视频|