web前端之html基礎知識初級

来源:https://www.cnblogs.com/ordinaryjun/archive/2019/08/25/11408320.html
-Advertisement-
Play Games

html 基礎標簽 單標簽 1.註釋標簽: <! 註釋信息 看不到 ctrl+/ <! 網頁頭部導航盒子 換行標簽: 橫線標簽: 標題標簽: 段落標簽: 表示強調標簽: 文字 屬性:文字加顏色 color:改變文字顏色 size:改文字大小屬性 例如:文字 文本加粗顯示:或者 文字斜體顯示: 或 下 ...


html 基礎標簽

單標簽
1.註釋標簽: ctrl+/


換行標簽:

橫線標簽:



標題標簽:



段落標簽:


表示強調標簽: 文字
屬性:文字加顏色 color:改變文字顏色
size:改文字大小屬性
例如:文字
文本加粗顯示:或者
文字斜體顯示:
下劃線標簽:或者
刪除價格標簽:或者
圖片標簽:
sec:設置一個圖片要顯示的路徑
title:設置滑鼠懸停圖片顯示的文字
alt:對圖片描述 為方便引擎搜索

      圖片 width:寬度
       height 高度

沒有語義的標簽:
內容 實現網頁佈局 div可包含任何標簽
在網頁佈局中使用

超鏈接標簽:
百度

  title:設置滑鼠懸停到超鏈接的文字提示
  target:-self
  <base target="-blank">超鏈接跳轉頁面其他寫法  在<head>頁面寫

錨鏈接
目標文字
目標

第二天 meta標簽用法

防止網頁面亂碼 charset:字元集 utf-8: 編碼格式 (其他格式:gbk gb2312 big5)

<meta name="keywords" content"女裝 男裝 休閑"> 註意關鍵字是給搜索引擎看的搜索(網站推廣)
<meta name="description " content"女裝 男裝 休閑"> 網頁描述信息給搜索引擎看的搜索(網站推廣)

網站重定向(網址指向另一個網頁)
3秒跳轉百度

link 標簽用法
設置網站圖標 (圖標路徑 )註意1 最好把圖標放到根目錄下,方便尋找。 2.用處 引用外來樣式表

5 列表分類
1 無序列表
<ul (type="square"改變圓點) >列表項如下



  • <>睡</>

    註意:
  • 列表內可以包含任何標簽(圖片 鏈接標簽都可以)
    2 有序列表

    1. 開門

    2. 放進去

    3. 關門


    3.自定義列表

    標題

    列表項

    列表項

    列表項

     </dl>
     註意:dt標簽只能包含行內元素
           dd標簽可以包含所有標簽
           一般網頁結尾處用自定義列表
    6。表格                        作用:1.表格顯示數據 2.網頁佈局 
    1.組成
      表頭 th
      行  tr  
      列  td
    表格  table
     <table>
       <tr>  (第一行)
         <td>姓名</td>
         <td>年齡</td>
         <td>職業</td>


    (第二行)
    小明


    表格屬性在

    標簽內:border: 設置邊框 width 設置寬度 height 設置高度 cellspacing 設置td與td之間的距離 預設值為2
    cellpadding 設置內容與td的左側的距離 align: left center right 設置對齊方式 註意:1.如果給table標簽設置align屬性,只會
    讓標簽居中 不會讓內容居中,給td 或者tr設置align屬性可以讓其內容居中。
    bgcolor:"pink"設置表格背景顏色 設置表頭加粗 用法和td相同 caption 設置標題 用法在table內
    便捷寫法: table>tr4>td4(創建表格 加中括弧可設置屬性)
    表格結構
    去掉單元:橫向合併 <colspan=""> 豎向合併:<rowspan="">

    七 表單 1 提示信息 2 表單控制項 3 表單域
    表單外面的框框
    表單域 action:設置後臺處理數據的後臺程式 method:提交程式給後臺的方式 get:提交數據(將數據顯示在地址欄中) post提交數據:通過後臺提交數據 (安全性)

      <from  action="1.php" method="pdst">
               用戶名:<input type="text"  name="username">
            <br>
            <br>
               密碼:<input type="password"  name="pwd">
             <br> 
              <br>
           <input type ="sumbit">

    七 1,表單控制項
    1.文本輸入框

    屬性: maxlength="" 設置輸入最大長度 readonly 設置控制項為只讀 disabled 禁止用戶輸入 value 設置預設值 name 設置控制項名稱 id 控制項編號
    2.密碼輸入框
    該控制項屬性與文本輸入框屬性一樣
    3.單選控制項
    註意:該控制項實現單選效果需要給控制項設置相同的name 名稱
    屬性:checked 設置控制項預設選中項
    4.下拉列表
    屬性: selected 設置控制項預設選中項
    其他寫法
    5.多選控制項 屬性: checked 設置控制項預設選中項
    愛好: 看書or學習 orluyou旅游
    6.資源上傳控制項
    自帶刪除功能 後標刪除叉號
    數字設置最大值和最小值
    設置範圍
    設置顏色


    在移動端實現彈出數字鍵盤  required: 必須輸入 如不阻止當前提交
    關閉表單提示 autocomplete="off"

    文本域