html

Dr_Noooo 發布于2019-04-23 13:45 / 1112人閱讀

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

HTML介紹

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

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

前端概述

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

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

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

html、css、js的關系

如果把一個網頁當成一場皮影戲的話，這場皮影戲對應的四個部分：舞臺、皮革、皮革上的色彩、皮影的動作就分別對應瀏覽器、html、css和js

瀏覽器是一個舞臺；

html相當于一個模板；

css則是給這個模板進行渲染；

js則是讓這個網頁動起來。

html學習

啰嗦了一大堆，現在開始正式的html介紹

html是什么

html的全拼是htyper text markup language ，即超文本標記語言

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

如果詳細的看瀏覽器和服務器之間傳輸的數據的話，只是一串字符串，而瀏覽器的作用就是將這一串字符串變成一個展示給用戶的網頁。

標簽是什么

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

標簽也是不區分大小寫的，但是推薦使用小寫

標簽分為兩種：

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

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

注意標簽使用的時候不可以交叉嵌套，如：

標簽的屬性

通常以鍵值對的形式出現在開始標簽或者自閉標簽中，如：name="name"

注：

1、屬性名全部小寫

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

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

常用標簽介紹

標簽介紹

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

標簽

<head>
    
    <meta name="keywords" content="學校，廊坊，師范，廊坊師范">                  
     <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中常用的標簽和對應的注釋。

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

注釋：

標簽分類

標簽分為塊級標簽和內聯標簽

塊級（block）標簽的特點：

　　總是在新行開始

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

　　可以容納其他塊級標簽和內聯標簽

常見的塊級標簽：

、

、、

內聯（inline）標簽特點：

　　不另開一行

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

　　只能容納文本或者其他內聯標簽

常見的內聯標簽：、、

超鏈接標簽

常見屬性：

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

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

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

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

?表格標簽

<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>

? 表單標簽

表單是最重要的一個標簽，因為它可以用于向服務器傳輸數據，實現和服務器的交互

常用屬性：

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

　　method: 表單的提交方式 post/get 默認取值就是 get

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

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

? ? ? ? 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>

?表單中還需要注意的就是哪些標簽需要name，哪些需要value。當要用戶輸入的時候，有name就可以了，如果需要進行選擇的時候，則需要value值，把用戶的選擇轉換成值，上傳到服務器。

GPU云服務器云服務器 html對象.html html嵌套html html調用html html內嵌html

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

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

HTML的簡介

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

cncoder 2019-04-23 13:13 評論0 收藏0
html學習一

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

xorpay 2019-08-01 18:29 評論0 收藏0
前端菜鳥筆記 Day-1 HTML&HTML 5

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

kevin 2019-08-02 14:13 評論0 收藏0
01-html介紹和head標簽

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

番茄西紅柿 2019-04-23 11:51 評論0 收藏0
w3schools網站的HTML教程之HTML介紹

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

ccj659 2019-08-02 15:54 評論0 收藏0