html

Dr_Noooo 發(fā)布于2019-04-23 13:45 / 1103人閱讀

摘要：服務(wù)器通常采用高性能的工作站或小型機(jī)，并采用大型數(shù)據(jù)庫系統(tǒng)，如或。瀏覽器通過同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。本文介紹的也就是有關(guān)模式中前端部分的內(nèi)容。在新窗口打開，默認(rèn)是表示改變自己。用于將鼠標(biāo)懸停到超鏈接的時候的顯示內(nèi)容。

HTML介紹

（注：本人只是對前端簡單的介紹，而且也只是達(dá)到會用的水平，前端工作者勿吐槽）

本文是前端部分的第一篇，在開始介紹html之前先做一些簡單的說明

前端概述

首先我們需要了解什么是前端。簡單來說，前端就是網(wǎng)站的前臺部分。這里順便介紹一下C/S和B/S結(jié)構(gòu)。

C/S又稱Client/Server或客戶/服務(wù)器模式。服務(wù)器通常采用高性能的PC、工作站或小型機(jī)，并采用大型數(shù)據(jù)庫系統(tǒng)，如Oracle、Sybase、Informix或 SQL Server?？蛻舳诵枰惭b專用的客戶端軟件。這個客戶端軟件就是上面提到的前端部分。
B/Ｓ是Brower/Server的縮寫，客戶機(jī)上只要安裝一個瀏覽器（Browser），如Netscape Navigator或Internet Explorer，服務(wù)器安裝Oracle、Sybase、Informix或 SQL Server等數(shù)據(jù)庫。瀏覽器通過Web Server 同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。這里的前端部分則是指瀏覽器。

兩者比較一下：C/S模式響應(yīng)快，但是需要安裝軟件，而B/S模式只需要有瀏覽器就可以和服務(wù)器之間進(jìn)行交互。本文介紹的也就是有關(guān)B/S模式中前端部分的內(nèi)容。

html、css、js的關(guān)系

如果把一個網(wǎng)頁當(dāng)成一場皮影戲的話，這場皮影戲?qū)?yīng)的四個部分：舞臺、皮革、皮革上的色彩、皮影的動作就分別對應(yīng)瀏覽器、html、css和js

瀏覽器是一個舞臺；

html相當(dāng)于一個模板；

css則是給這個模板進(jìn)行渲染；

js則是讓這個網(wǎng)頁動起來。

html學(xué)習(xí)

啰嗦了一大堆，現(xiàn)在開始正式的html介紹

html是什么

html的全拼是htyper text markup language ，即超文本標(biāo)記語言

普通文本只能包括文字，而超文本則指的是可以包括圖片、鏈接甚至音樂、程序等非文字的元素。

如果詳細(xì)的看瀏覽器和服務(wù)器之間傳輸?shù)臄?shù)據(jù)的話，只是一串字符串，而瀏覽器的作用就是將這一串字符串變成一個展示給用戶的網(wǎng)頁。

標(biāo)簽是什么

直觀上看是由一對尖括號括住的單詞，如

標(biāo)簽也是不區(qū)分大小寫的，但是推薦使用小寫

標(biāo)簽分為兩種：

　　普通標(biāo)簽：分為兩個部分：開始標(biāo)簽和結(jié)束標(biāo)簽，如，結(jié)束部分一般用“/”標(biāo)識，而兩個標(biāo)簽中間的部分稱之為標(biāo)簽體

　　自閉和標(biāo)簽：功能比較單一的使用一個標(biāo)簽即可，如：
等

注意標(biāo)簽使用的時候不可以交叉嵌套，如：

標(biāo)簽的屬性

通常以鍵值對的形式出現(xiàn)在開始標(biāo)簽或者自閉標(biāo)簽中，如：name="name"

注：

1、屬性名全部小寫

2、屬性值要用雙引號括起來

3、屬性名和屬性值完全一樣的時候，直接寫屬性名，如：checked

常用標(biāo)簽介紹

標(biāo)簽介紹

由于歷史原因，在W3C標(biāo)準(zhǔn)出臺以前，瀏覽器對頁面的渲染沒有統(tǒng)一的規(guī)范。這個標(biāo)簽是為了表示是按照w3c標(biāo)準(zhǔn)寫的，如果不寫，表示用的怪異模式，即用自己的怪異模式來解析渲染頁面，這樣平時可能不會暴露問題，但是在一些情況下會暴露出來。詳細(xì)的情況這里就不多介紹了，這里這個只做了解。

標(biāo)簽

<head>
    
    <meta name="keywords" content="學(xué)校，廊坊，師范，廊坊師范">                  
     <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">        
    <meta http-equiv="content-Type" charset="utf-8">                        
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">                
    <title>Documenttitle>                                                    
    <link rel="stylesheet" type="text/css" href="css.css">                    
    <link rel="icon" href="http://www.jd.com/favicon.ico">                    
    <script>script>　　　　　　　　                                          
    <style>style>　　　　　　　　                                              
    <script src="Hello.js">script>                                        
head>

上面是head中常用的標(biāo)簽和對應(yīng)的注釋。

既然說到注釋這個問題，這里就把html中常用的注釋說明一下：

注釋：

標(biāo)簽分類

標(biāo)簽分為塊級標(biāo)簽和內(nèi)聯(lián)標(biāo)簽

塊級（block）標(biāo)簽的特點(diǎn)：

　　總是在新行開始

　　寬度缺省則是占容器的的100%

　　可以容納其他塊級標(biāo)簽和內(nèi)聯(lián)標(biāo)簽

常見的塊級標(biāo)簽：

、

、、

內(nèi)聯(lián)（inline）標(biāo)簽特點(diǎn)：

　　不另開一行

　　寬度就是文字或者圖片的寬度，不可改變

　　只能容納文本或者其他內(nèi)聯(lián)標(biāo)簽

常見的內(nèi)聯(lián)標(biāo)簽：、、

超鏈接標(biāo)簽

常見屬性：

　　href:要連接的資源路徑。　　target:_blank 在新窗口打開，默認(rèn)是_self表示改變自己。　　title：用于將鼠標(biāo)懸停到超鏈接的時候的顯示內(nèi)容。　　其他用法：　　　　1、將img標(biāo)簽放到a標(biāo)簽中可以實(shí)現(xiàn)點(diǎn)擊圖片跳轉(zhuǎn)界面。　　　　2、在href屬性中寫入“#”可以回到頁面頂部。在href屬性中寫入“javascript:;”這個是點(diǎn)擊超鏈接什么都不干。　　　　3、href="#錨點(diǎn)"，這里的錨點(diǎn)是一個標(biāo)簽的id屬性。這樣設(shè)置了的a標(biāo)簽可以實(shí)現(xiàn)點(diǎn)擊之后跳轉(zhuǎn)到本頁面的對應(yīng)id的標(biāo)簽位置。 ? 列表標(biāo)簽

    <ul>    
        <li>li>
        <li>li>
        <li>li>
    ul>

    <ol>    
        <li>li>
        <li>li>
        <li>li>
    ol>

    <dl>    
        <dt>dt>　　　
        <dd>dd>　　　
        <dd>dd>
    dl>

?表格標(biāo)簽

<table border="1px">
        
        <thead>        
            <tr>　　　　　　　　　　　　
                <th>1th>　　　　　　
                <th>2th>
                <th>3th>
            tr>
        thead>
        <tbody>
            <tr>
                <td rowspan="2">111td>
                <td>222td>　　　　　　
                <td>333td>
            tr>
            <tr>
                <td>111td>
                <td colspan="2">222td>
                
            tr>
        tbody>
    table>

? 表單標(biāo)簽

表單是最重要的一個標(biāo)簽，因?yàn)樗梢杂糜谙蚍?wù)器傳輸數(shù)據(jù)，實(shí)現(xiàn)和服務(wù)器的交互

常用屬性：

　　action: 表單提交到哪. 一般指向服務(wù)器端一個程序,程序接收到表單提交過來的數(shù)據(jù)（即表單元素值）作相應(yīng)處理，如www.baidu.com

　　method: 表單的提交方式 post/get 默認(rèn)取值就是 get

　　　　　　get：提交的內(nèi)容以鍵值對的形式放在地址欄中url后面，安全性相對較差，對提交內(nèi)容的長度有限制.

　　　　　　post：提交的內(nèi)容不在地址欄，安全性相對較高，對提交內(nèi)容的長度理論上無限制.

? ? ? ? get和post是最常用的，還有其他的提交方式。

表單元素：

    <form action="127.0.0.1:8080" method="get">
        
        姓名：<input type="text" name="name" placeholder="請輸入姓名">
        
        密碼：<input type="passwod" name="pwd">
        愛好：音樂<input type="checkbox" name="hobby" value="music">電影<input type="checkbox" name="hobby" value="movie">
        性別： 男<input type="radio" name="gender" value="men" checked>女<input type="radio" name="gender" value="women">
        <input type="file" name="file">
        

        省<select name="province">
            
            <option value="beijing">北京市option>
            <option value="hebei">河北省option>
            <option value="henan" selected="selected">河南省option>
            <option value="shanxi">山西省option>
        select>
    

        簡介：<textarea name="desc" rows="5" cols="5">textarea>

        <label for="">名字label>
        <input id="" type="text">

        <fieldset>
            <legend>登陸吧legend>
            <input type="text">
        fieldset>
        <input type="submit" value="提交">
        <input type="button" value="按鈕">
        <input type="reset" name="重置">
        
    form>

?表單中還需要注意的就是哪些標(biāo)簽需要name，哪些需要value。當(dāng)要用戶輸入的時候，有name就可以了，如果需要進(jìn)行選擇的時候，則需要value值，把用戶的選擇轉(zhuǎn)換成值，上傳到服務(wù)器。

云服務(wù)器 GPU云服務(wù)器 html對象.html html嵌套html html調(diào)用html html內(nèi)嵌html

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/2298.html

發(fā)表評論

登陸后可評論

0條評論

Dr_Noooo

男|高級講師

我要關(guān)注我要私信

TA的文章

JavaSE筆記整理

閱讀 977·2021-11-22 09:34
MEXC Global科普：Polkadot波卡平行鏈插槽拍賣是什么

閱讀 2161·2021-11-11 16:54
80VPS：香港/日本服務(wù)器優(yōu)惠180元僅420元/首月,E5/16G/1TB/20M帶寬(含CN2

閱讀 2196·2021-09-27 14:00
cookies，sessionStorage 和 localStorage 的區(qū)別

閱讀 940·2019-08-30 15:55
20170612-點(diǎn)滴記錄

閱讀 1525·2019-08-29 12:46
JavaScript—2.操作符

閱讀 599·2019-08-26 18:42
Ts學(xué)習(xí)深入淺出

閱讀 639·2019-08-26 13:31
TypeScript入門教程

閱讀 3183·2019-08-26 11:52

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

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

html

HTML介紹

前端概述

html、css、js的關(guān)系

html學(xué)習(xí)

html是什么

標(biāo)簽是什么

標(biāo)簽的屬性

常用標(biāo)簽介紹

標(biāo)簽介紹

標(biāo)簽

標(biāo)簽分類

超鏈接標(biāo)簽

?表格標(biāo)簽

? 表單標(biāo)簽

相關(guān)文章

HTML的簡介

html學(xué)習(xí)一

**前端菜鳥筆記 Day-1 HTML&HTML 5**

**01-html介紹和head標(biāo)簽**

**w3schools網(wǎng)站的HTML教程之HTML介紹**

發(fā)表評論

0條評論

Dr_Noooo

男|高級講師

TA的文章

JavaSE筆記整理

MEXC Global科普：Polkadot波卡平行鏈插槽拍賣是什么

80VPS：香港/日本服務(wù)器優(yōu)惠180元僅420元/首月,E5/16G/1TB/20M帶寬(含CN2

cookies，sessionStorage 和 localStorage 的區(qū)別

20170612-點(diǎn)滴記錄

JavaScript—2.操作符

Ts學(xué)習(xí)深入淺出

TypeScript入門教程

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

html

HTML介紹

前端概述

html、css、js的關(guān)系

html學(xué)習(xí)

html是什么

標(biāo)簽是什么

標(biāo)簽的屬性

常用標(biāo)簽介紹

標(biāo)簽介紹

標(biāo)簽

標(biāo)簽分類

?表格標(biāo)簽

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！