<u id="tkccn"><dd id="tkccn"></dd></u>
<sub id="tkccn"></sub>
<dd id="tkccn"><address id="tkccn"></address></dd>
      <wbr id="tkccn"><source id="tkccn"></source></wbr>
      <wbr id="tkccn"></wbr>
    1. <nav id="tkccn"></nav>
      我的賬戶
      啄木鳥學院

      專注軟件測試菁英教育

      親愛的游客,歡迎!

      已有賬號,請

      如尚未注冊?

      5分鐘了解HTML

      [復制鏈接]
      1913 0
      chelang 發表于 2020-2-22 14:57:06 | 只看該作者 |只看大圖 |閱讀模式 打印 上一主題 下一主題
      首先搞清楚HTML的一些基礎知識

      一、什么是 HTML?

      HTML 是用來描述網頁的一種語言。
      HTML 指的是超文本標記語言 (Hyper Text Markup Language)
      HTML 不是一種編程語言,而是一種標記語言 (markup language)
      標記語言是一套標記標簽 (markup tag)
      HTML 使用標記標簽來描述網頁

      二、HTML 標簽

      HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
      HTML 標簽是由尖括號包圍的關鍵詞,比如
      HTML 標簽通常是成對出現的,比如和
      標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
      開始和結束標簽也被稱為開放標簽和閉合標簽

      三、HTML 文檔 = 網頁

      HTML 文檔描述網頁
      HTML 文檔包含 HTML 標簽和純文本
      HTML 文檔也被稱為網頁
      Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示HTML標簽,而是使用標簽來解釋頁面的內容。
      好了,廢話不多說,先來看一個例子,打開記事本輸入以下字段,保存為html格式:


      HTML中常用標簽的介紹
      1HTML 標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的,如:<h1>這是標題1</h1>
      2HTML 段落是通過 <p> 標簽進行定義的。
      3HTML 鏈接是通過 <a> 標簽進行定義的,如
      <ahref="https://www.dota2.com.cn/index.htm">DOTA2官網</a>
      4HTML 圖像是通過 <img> 標簽進行定義的,如
      <img src="w3school.jpg"width="104" height="142"/>
      5<font> 規定文本的字體、字體尺寸、字體顏色:<font size="3" color="red">This is sometext!</font>
      6)如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標簽,<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義,因此它沒有結束標簽
      7)表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
      8)注釋標簽 <!-- --> 用于在 HTML 插入注釋
      9HTML中有兩個分組標簽,可以通過<div> <span> HTML 元素組合起來。HTML <div> 元素是塊級元素,它是可用于組合其他 HTML 元素的容器;<div>元素沒有特定的含義。除此之外,由于它屬于塊級元素,瀏覽器會在其前后顯示折行;如果與 CSS 一同使用,<div> 元素可用于對大的內容塊設置樣式屬性;<div> 元素的另一個常見的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用 <table>元素進行文檔布局不是表格的正確用法。<table> 元素的作用是顯示表格化的數據。
      10HTML <span> 元素是內聯元素,可用作文本的容器,<span> 元素也沒有特定的含義,當與CSS 一同使用時,<span> 元素可用于為部分文本設置樣式屬性。
      11<script> 標簽用于定義客戶端腳本,比如JavaScript。script 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件。

      了解了這么多,來個實例看看。這里隨意編寫一個HTML網頁,大家可以參考。

      <!DOCTYPE html>
      <html>
         <head>
             <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
             <title>selenuim彈窗</title>
         </head>
         <body>
             <divalign="center">
             <h4>一起測試吧</h4>
             <input type="button"value="帶輸入框的彈窗"/>
             <span id="textSpan"></span>
             <div>
              <font color="red" size="6">
              <p>DOTA是什么:
              <a href="https://www.dota2.com.cn/index.htm">DOTA2官網</a>
              <a href="https://www.dota2.com.cn/download/">下載游戲</a>
             </p>
             <p>這里的游戲很好玩,里面有吃雞哦:
             <ahref="https://store.steampowered.com/">STEAM</a>
             </p>
             </div>
         </body>
         <script>
             function jianjian(){
                 document.getElementById("textSpan").innerHTML="";
                 con = prompt("輸入1為OK,輸入2為false");
                 if(con==1){
                     document.getElementById("textSpan").innerHTML="<fontstyle='color: green;'>OK</font>";
                 }else if(con==2){
                     document.getElementById("textSpan").innerHTML="<fontstyle='color: green;'>都說了false還輸入啊</font>";
                 }else{
                     document.getElementById("textSpan").innerHTML="<fontstyle='color: red;'>您沒有按要求輸入,請重新輸入</font>";
                 }
             }
         </script>
      </html>



      收藏
      收藏0
      支持
      支持0
      反對
      反對0

      分享本篇文章給更多人:


      63.9K
      回復

      使用道具 舉報

      您需要登錄后才可以回帖 登錄 | 立即注冊

      本版積分規則

      關注0

      粉絲0

      帖子10

      發布主題
      關注我們
      專注軟件測試菁英教育

      客服電話:029-61859806

      客服時間:9:00-21:00

      啄木鳥學院 - 專注軟件測試菁英教育!( 陜ICP備20001493號-1 )

      版權所有 ? 西安菁英教育科技有限公司 2016-2020

      图书馆小东西自己上来_奇领6080 奇领YY6080影院 奇领YY6080YY_肉苁蓉的功效与作用_二手车交易市场