JavaWeb_01_html基本學習

時間 2020-01-25

標籤 javaweb html 基本學習欄目 Java 简体版

原文原文鏈接

JavaWeb01_html basic
html操做思想使用標籤把要操做的數據包起來，經過修改標籤的屬性值，來實現標籤內數據樣式的變化
font標籤屬性：size取值範圍1-7 color：英文單詞，十六進制數 #ffffff
標題標籤php

<h1> </h1> ... <h6> </h6>

從h1到h6愈來愈小，自動換行
註釋css

<!-- html的註釋 -->

列表標籤html

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

有序
無序
圖像標籤面試

<img src="圖片的路徑" width="" height="" alt="" />

alt:瀏覽器的兼容性不好
路徑（相對路徑）在同一級目錄：直接寫
在下一層目錄：images/1.jpg
在上層目錄： ../
超連接標籤瀏覽器

<a href="路徑">顯示在頁面上的內容</a>

打開方式 target=」_self _blank」
默認是在當前頁面打開
表格標籤安全

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>

html的五個規範一個html文件開始標籤和結束的標籤服務器

<html>

和markdown

</html>

html包含兩部份內容網絡

<head>

設置相關信息框架

</head>

<body>

顯示在頁面上的內容都寫在body裏面

</body>

html的標籤是成對的
html的代碼不區分大小寫
有些標籤，在標籤內結束。好比換行:

<br />

分割線:

<hr />

表單標籤能夠提交數據到服務器，這個過程能夠用表單標籤實現

<form>

和

</form>

action:提交到地址，默認提交到當前頁面
method:表單的提交方式經常使用的有兩種 get和post get默認就是get請求

enctype: 通常請求下不須要這個屬性，作文件上傳時候須要設置這個屬性
面試題目：get和post區別 get請求地址欄會攜帶提交的數據，post不會攜帶
get請求安全級別較低，post較高
get請求數據大小的限制，post沒有限制

輸入項：能夠輸入內容過選擇內容的部分大部分的輸入項使用

<input type="輸入項的類型"/>

普通輸入項：

<input type="text"/>

密碼輸入項：

<input type="password"/>

單選輸入項：

<input type="radio"/>

-> 在裏面須要屬性name
-> name的屬性值必需要相同
-> 必須有一個value值
複選輸入項：

<input type="checkbox"/>

-> 在裏面須要屬性name
-> name的屬性值必需要相同
-> 必須有一個value值
文件輸入項（在後面上傳時侯用到）
->

<input type="file"/>

下拉輸入項（不是在input標籤裏面的）

<select name="birth">
    <option value="0">請選擇</option>
    <option value="1991">1991</option>
    <option value="1991">1992</option>
    <option value="1991">1993</option>
    <option value="1991">1994</option>
</select>

文本域

<textarea cols="10" rows=""></textarea>

隱藏項（不會顯示在頁面上，可是存在於html代碼裏面）

<input type="hidden"/>

提交按鈕

<input type="submit"/>

<input type="submit" value="註冊"/>

使用圖片提交

<input type="image" src="a.jpg"/>

html中其它的經常使用標籤的使用

–加粗

–刪除線

–下劃線

–斜體

pre

–原樣輸出

sub

和

sup

–下標和上標

div

–自動換行

span

–在一行顯示
html頭標籤的使用 html兩部分組成 head和body 在head裏面的標籤就是頭標籤
title標籤：表示在標籤上顯示的內容
<meta>標籤：設置頁面的一些相關的內容

<meta name="keywords" content="學習,熊出沒">

–之前的搜索引擎檢索方式

<meta http-equiv="refresh" content="3; url=https://baidu.com"/>

–三秒跳轉

base標籤：設置超連接的基本設置能夠統一設置超連接的打開方式

<base target="_blank" />

–設置全文超連接以新窗口打開

link標籤：引入外部文件可使用link標籤引入css文件

框架標籤的使用使用框架標籤的時候，不能寫在body裏面，使用了框架標籤，須要把body去掉

<frameset>

標籤 rows:按照行進行劃分

<frameset rows="80, *">

cols:按照列進行劃分

<frameset cols="80, *">

<frame>

標籤具體顯示的頁面

<frame name="lower_left" src="b.html">

後記以上內容只是我的學習的記錄，其餘未涉及的內容均可以在網絡上或手冊上查找的到。
另：此筆記是由markdown編寫，用sublime編譯成的html文檔
轉載於猿2048:➧《JavaWeb_01_html基本學習》

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。