国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML

番茄西紅柿 / 1366人閱讀

摘要:秒后跳轉到對應的網址,注意引號指定文檔的編碼類型告訴以最高級模式渲染文檔屬性主要用于描述網頁,與之對應的屬性值為,中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。主要通過樣式為其賦予不同的表現。

一、WEB本質

本質:socket

瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML文件內容發給瀏覽器 --> 瀏覽器渲染頁面

服務端

import socket

sk = socket.socket()

sk.bind(("127.0.0.1", 8080))
sk.listen(5)

while True:
    conn, addr = sk.accept()
    data = conn.recv(8096)
    conn.send(b"HTTP/1.1 200 OKrnrn")
    conn.send(b"

Hello world!

") conn.close()

瀏覽器

 

二、HTML介紹

1、HTML是什么?

  • 超文本標記語言(Hypertext Markup Language, HTML)是一種用于創建網頁的標記語言。
  • 本質上是瀏覽器可識別的規則,我們按照規則寫網頁,瀏覽器根據規則渲染我們的網頁。對于不同的瀏覽器,對同一個標簽可能會有不同的解釋。(兼容性問題)
  • 網頁文件的擴展名:.html或.htm

ps:HTML是一種標記語言,它不是編程語言!

  HTML使用標簽來描述網頁。

2、HTML  VS   Python

 

 三、HTML文檔結構


DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>titletitle>
head>
<body>

body>
html>
  1. 聲明為HTML5文檔。
  2. 是文檔的開始標記和結束的標記。是HTML頁面的根元素,在它們之間是文檔的頭部(head)和主體(body)。
  3. 定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元(meta)數據。
  4. </span>、<span style="background-color: #00ff00;">定義了網頁標題,在瀏覽器標題欄顯示。
  5. 之間的文本是可見的網頁主體內容。

 ps:對于中文網頁需要使用 聲明字符編碼,否則會出現亂碼!

四、HTML標簽格式

  • HTML標簽是由尖括號包圍的關鍵字,如:,
  • HTML標簽通常是成對出現的,比如:
    ,第一個標簽是開始,第二個標簽是結束,結束標簽會有斜線!
  • 有一部分標簽是多帶帶出現的,比如:

    等。
  • 標簽里面可以有屬性,也可以不帶屬性

標簽的語法:

  1. <標簽名  屬性1=“屬性值1”  屬性2=“屬性值2”。。。>內容部分
  2. <標簽名  屬性1=“屬性值1”  屬性2=“屬性值2”。。。 / >

重要屬性:

  1. id : 定義標簽的唯一ID,HTML文檔中唯一存在
  2. class:為HTML元素定義一個或多個類名(classname)  CSS樣式
  3. style:規定元素的行內樣式(CSS)

HTML注釋:

為了代碼規范性   最好加注釋

標簽

聲明必須是 HTML 文檔的第一行,位于 標簽之前。

聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。

五、HTML中head內常用標簽

meta 標簽

  • 元素可提供有關頁面的元信息(mata-information),針對搜索引擎和更新頻度的描述和關鍵詞。
  • 標簽位于文檔的頭部,不包含任何內容。
  • 提供的信息是用戶不可見的。

 

meta標簽的組成:meta標簽共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。 

1.1、http-equiv屬性:

  相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。


<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
<meta http-equiv="content-Type" charset=UTF8">
<meta http-equiv="x-ua-compatible" content="IE=edge">

1.2、 name屬性:

   主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。

<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉">
<meta name="description" content="w3school">

六、HTML中body內常用標簽

 1. 基本標簽(塊級標簽和內聯標簽)

<b>加粗b>
<i>斜體i>
<u>下劃線u>
<s>刪除s>

<p>段落標簽p>

<h1>標題1h1>
<h2>標題2h2>
<h3>標題3h3>
<h4>標題4h4>
<h5>標題5h5>
<h6>標題6h6>


<br>

<hr>

2. 特殊字符

 

3.  div 標簽和 span 標簽

div 標簽:

  定義一個塊級元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現。

span 標簽:

  用來定義內聯(行內)元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現。

塊級元素 和 行內元素的區別

所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行。如果多帶帶在網頁中插入這兩個元素,不會對頁面產生任何的影響。
這兩個元素是專門為定義CSS樣式而生的。

 ps:關于標簽嵌套:通常塊級元素 可以 包含 內聯元素某些塊級元素內聯元素不能包含塊級元素,它只能包含其他內聯元素!

 p標簽不能包含塊級標簽,p標簽也不能包含p標簽。

 

4. img 標簽

<img src="圖片的路徑" alt="圖片未加載成功時的提示" title="鼠標懸浮時提示信息" width="寬" height="高(寬高兩個屬性只用一個會自動等比縮放)">

5. a 標簽

 超鏈接標簽(從一個網頁指向一個目標的連接關系,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序)

什么是URL?
URL是統一資源定位器(Uniform Resource Locator)的縮寫,也被稱為網頁地址,是因特網上標準的資源的地址。
URL舉例
https://www.baidu.com/
http://http://115.239.211.112/

URL地址由4部分組成
第1部分:為協議:http://、ftp://等 
第2部分:為站點地址:可以是域名或IP地址
第3部分:為頁面在站點中的目錄:stu
第4部分:為頁面名稱,例如 index.html
各部分之間用“/”符號隔開。

 

<a href="http://www.baidu.com" target="_blank" >點我開車a>

href屬性指定目標網頁地址。該地址可以有幾種類型:

  • 絕對URL - 指向另一個站點(比如 href="http://www.jd.com)
  • 相對URL - 指當前站點中確切的路徑(href="index.htm")
  • 錨URL - 指向頁面中的錨(href="#top")

target:

  • _blank表示在新標簽頁中打開目標網頁
  • _self表示在當前標簽頁中打開目標網頁

6.  列表 (ul、ol、dl)

1.無序列表 ul

<ul type="disc">
  <li>第一項li>
  <li>第二項li>
ul>

type屬性:

  • disc(實心圓點,默認值)
  • circle(空心圓圈)
  • square(實心方塊)
  • none(無樣式)

2.有序列表 ol

<ol type="1" start="2">
  <li>第一項li>
  <li>第二項li>
ol>

type屬性:

  • 1 數字列表,默認值
  • A 大寫字母
  • a 小寫字母
  • Ⅰ大寫羅馬
  • ⅰ小寫羅馬

3.標題列表

<dl>
  <dt>標題1dt>
  <dd>內容1dd>
  <dt>標題2dt>
  <dd>內容1dd>
  <dd>內容2dd>
dl>

7.  表格 table

<table>
  <thead>
  <tr>
    <th>idth>
    <th>姓名th>
    <th>愛好th>
  tr>
  thead>
  <tbody>
  <tr>
    <td>1td>
    <td>mogutd>
    <td>聽歌td>
  tr>
  <tr>
    <td>2td>
    <td>小女孩td>
    <td>跳舞td>
  tr>
  tbody>
table>

屬性:

  • border: 表格邊框.
  • cellpadding: 內邊距
  • cellspacing: 外邊距.
  • width: 像素 百分比.(最好通過css來設置長寬)
  • rowspan: 單元格豎跨多少行
  • colspan: 單元格橫跨多少列(即合并單元格)

七、HTML中body內 form 表單

  • 表單用于向服務器傳輸數據,從而實現用戶與Web服務器的交互
  • 表單能夠包含input系列標簽,比如文本字段、復選框、單選框、提交按鈕等等。
  • 表單還可以包含textarea、select、fieldset和 label標簽。

表單屬性

 

基本概念:
  HTML表單是HTML元素中較為復雜的部分,表單往往和腳本、動態頁面、數據處理等功能相結合,因此它是制作動態網站很重要的內容。
  表單一般用來收集用戶的輸入信息

表單工作原理:
  訪問者在瀏覽有表單的網頁時,可填寫必需的信息,然后按某個按鈕提交。這些信息通過Internet傳送到服務器上。 
  服務器上專門的程序對這些數據進行處理,如果有錯誤會返回錯誤信息,并要求糾正錯誤。當數據完整無誤后,服務器反饋一個輸入完成的信息。

from django.conf.urls import url
from django.shortcuts import HttpResponse


def upload(request):
    print("request.GET:", request.GET)
    print("request.POST:", request.POST)

    if request.FILES:
        filename = request.FILES["file"].name
        with open(filename, wb) as f:
            for chunk in request.FILES[file].chunks():
                f.write(chunk)
            return HttpResponse(上傳成功)
    return HttpResponse("收到了!")

urlpatterns = [
    url(r^upload/, upload),
]
Django接收上傳文件代碼

1、input 

元素會根據type 屬性,變化多種形態

text        <p>單行輸入文本:<input type="text">p> value=“默認值”  placeholder=“占位內容”
password    <p>密碼輸入框: <input type="password">p>
date        <p>日期輸入框: <input type="date">p> type="datetime" 時間
checkbox    <p>多選框 :    <input type="checkbox" checked>p>
            <p>多選框2 :   <input type="checkbox" >p>
radio       <p>單選框   :  <input type="radio">p>
submit      <p>提交按鈕  : <input type="submit">p>
reset       <p>重置按鈕  : <input type="reset">p>
button      <p>普通按鈕  : <input type="button">p>  多用于JS與其綁定事件
hidden      <p>隱藏輸入框: <input type="hidden">p> 
file        <p>文本選擇框 :<input type="file">p>
  • name:表單提交時的“鍵”,注意和id的區別
  • value:表單提交時對應項的值
    • type="button", "reset", "submit"時,為按鈕上顯示的文本內容
    • type="text","password","hidden"時,為輸入框的初始值
    • type="checkbox", "radio", "file",為輸入相關聯的值
  • checked:radio和checkbox默認被選中的項
  • readonly:text和password設置只讀
  • disabled:所有input均適用

2、select 

2.1 下拉菜單

        <p><select name="城市" id="">
            <option value="sh">上海option>
            <option value="bj">北京option>
            <option value="wh">武漢option>
        select>p>

2.2 分組的下拉菜單

    <select name="地點" id="address">
        <optgroup label="上海">
            <option value="xhq">徐匯區option>
            <option value="pdxq">浦東新區option>
            <option value="ypq">楊浦區option>
            <option value="bsq">寶山區option>
        optgroup>
        <optgroup label="北京">
            <option value="cyq">海淀區option>
            <option value="hdq">朝陽區option>
        optgroup>
    select>

屬性說明:

  • multiple:布爾屬性,設置后為多選,否則默認單選
  • disabled:禁用
  • selected:默認選中該項
  • value:定義提交時的選項值

3、label

定義:

  label 元素不會向用戶呈現任何特殊效果

  

        <label for="t1">測試label>
        <input type="text" id="t1" name="t1">

4、textarea 多文本內容

        <p><textarea name="info" id="info" cols="30" rows="10">
            文本文檔(默認內容)
        textarea>p>

屬性說明:

  • name:名稱
  • rows:行數
  • cols:列數
  • disabled:禁用
form表單提交數據的幾個注意事項:
0. 如果上傳文件的話,必須要form表單action后面添加 enctype="multipart/form-data" 1. 所有獲取用戶輸入的標簽都必須放在form表單里面 2. action控制著往哪兒提交 3. inputselecttextarea 都需要有name屬性 4. 提交按鈕
<input type="submit">

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1636.html

相關文章

  • HTML的簡介

    摘要:教程標準超文本標記語言英語,簡稱是一種用于創建網頁的標準標記語言。版本從初期的網絡誕生后,已經出現了許多版本版本發布時間聲明聲明有助于瀏覽器中正確顯示網頁。聲明是不區分大小寫的,以下方式均可通用聲明查看完整網頁聲明類型參考手冊。HTML 教程-?(HTML5 標準) 超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創建網頁的標準標記語言。...

    cncoder 評論0 收藏0
  • html學習一

    摘要:列表的列表有有序列表和無序列表無序列表有序列表塊元素大多數元素被定義為塊級元素或內聯元素。例子內聯元素在顯示時通常不會以新行開始。元素元素是內聯元素,可用作文本的容器。當與一同使用時,元素可用于為部分文本設置樣式屬性。 簡介 標題 段落 什么是HTML? HTML 是用來描述網頁的一種語言: HTML 指的是超文...

    xorpay 評論0 收藏0
  • 前端菜鳥筆記 Day-1 HTML&HTML 5

    摘要:行內元素特征設置寬高屬性無效設置僅左右水平方向有效,上下垂直無效設置上下左右都有效內容不會自動進行換行行內塊元素行內塊元素綜合了兩者的特征,各有取舍,可以對任意元素進行屬性設置。 文章大綱來源:【Day 1】HTML & HTML 5 標記語言 XHTML/HTML/HTML 5異同 了解doctype HTML HTML 5 標記語言 標記語言(ML)即 Markup Langu...

    kevin 評論0 收藏0
  • 01-html介紹和head標簽

    摘要:三開發工具的使用使用技巧編輯器四介紹的概述全稱,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用于描述超文本內容的顯示方式。【轉】01-html介紹和head標簽主要內容web標準瀏覽器介紹開發工具介紹HTML介紹HTML顏色介紹HTML規范HTML結構詳解一、web標準web準備介紹:w3c:萬維網聯盟組織,用來制定web標準的機構(組織)web標準:制作網頁遵循的規范...

    番茄西紅柿 評論0 收藏0
  • w3schools網站的HTML教程之HTML介紹

    摘要:瀏覽器一個瀏覽器的作用是讀取并顯示一個文檔。聲明聲明有助于瀏覽器能夠正確地顯示頁面。聲明是不區分大小寫的,以下所有寫法都是正確地常見聲明版本在網絡的早期,就具有了很多版本版本年份本文翻譯于網站提供的教程。 什么是HTML HTML 是一種描述 Web 文檔(頁面)的標記語言。 HTML 代表超文本標記語言(Hyper Text Markup Language) 標記語言就是一組標記標...

    ccj659 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<