Html5知識點

番茄西紅柿發布于2019-04-23 11:46 / 1242人閱讀

摘要：學習資料周期天歡迎大家去以及總結采用的都是的知識有過時的結束請忽略初學者還是練一遍有個印象即可中文問題標簽這是一個開始標簽這是一個結束標簽標簽之間的文本叫做內容大標題小一點的標題再小一點的標題更小一點的標題元素頭標簽身體標簽標題換行水

學習資料:http://how2j.cn/p/1036

周期:3天

github:https://github.com/BenCoper/Html5歡迎大家去Star以及Fork

總結:采用的都是html的知識,有過時的結束請忽略.初學者還是練一遍有個印象即可.

1.html中文問題　　

<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
head>

　　2.標簽

<p> 這是一個開始標簽 
p> 這是一個結束標簽 
<p> Hello World p> 標簽之間的文本叫做內容
<h1>大標題h1>
<h2>小一點的標題h2>
<h3>再小一點的標題h3>
<h4>更小一點的標題h4>

　　3.元素　

<html>   頭標簽
 
 <body>   身體標簽 
 
   <h1>標題h1>  

  <br/> 換行

<hr/>  水平線

<p>段落表示p>   

 body>
 
html>

　　4.屬性

<h1 align="center">居中標題h1>

寫在開始標簽里的 align="center" 就叫屬性 
align 是屬性名 
center 是屬性值 
屬性值應該使用雙引號括起來

　　5.注釋

　　6.標題　

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

　　7.段落

<p>段落1 p>
<p>段落2 p>
<p>段落3 p>

　　8.粗體--斜體

<b>b標簽粗體效果b>
<strong>strong標簽粗體效果strong>   <br/>        

<i>使用 i 標簽帶來的斜體效果i>
<em>使用 em 標簽帶來的斜體效果em>

　　9.預格式顯示Java代碼

<pre>
public class HelloWorld {
 
    public static void main(String[] args) {
        System.out.println("Hello World");
    }
}
 
pre>

　　10.刪除--下劃線

<del>使用del標簽實現的刪除效果del>
<ins>使用ins標簽實現的下劃線效果ins>

　　11.圖像

<img src="圖片路徑"/>

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

<div align="left">
  <img src="http://how2j.cn/example.gif"/>
div>
 
<div align="center">
  <img src="http://how2j.cn/example.gif"/>
div>
 
<div align="right">
  <img src="http://how2j.cn/example.gif"/>
div>


<img src="http://how2j.cn/example_not_exist.gif" alt="這個是一個圖片" />

　　12.超鏈接

<a href="http://www.12306.com">12306a>


<a href="http://www.12306.com" target="_blank">http://www.12306.coma>


<a href="http://www.12306.com" title="跳轉到http://www.12306.com">www.12306.coma>


<a href="http://www.12306.com">
<img src="http://how2j.cn/example.gif"/>
a>

　　13.表格



<table border="1" width="200px">
  <tr>
      <td width="50px">1td>
      <td algin="center">居中td>
      <td algin="left">靠左td>
      <td algin="right">靠右td>
      <td width="80%">1td>
      <td valign="middle"  >中間td>
      <td valign="top"  >頂部td>
      <td valign="bottom"  >底部td>
      <td colspan="2" >1，2td>
      <td rowspan="2">1,3td>
      <td  bgcolor="pink">btd>
  tr>
table>

　　14.列表


<ul>
<li>無序li>
<li>列表li>
ul>

<ol>
<li>有序li>
<li>列表li>
ol>

　　15.div域span


<div>
 第一個div
div>
 
<div>
 第二個div     
div>
 
<span>
 第一個span
span>
 
<span>
 第二個span   
span>

　　16.字體


<font color="blue" size="+2">藍色大2號字體font>

　　17.內聯框架


<iframe src="http://how2j.cn/" width="600px" height="400px">
iframe>

　　18.文本框


<input type="text">


<input type="text" size="10">


<input type="text" value="有初始值的文本框">


<input type="text" placeholder="請輸入賬號">

　　19.密碼框


<input type="password">

　　20.表單


<form action="http://how2j.cn/study/login.jsp">
賬號：<input type="text" name="name"> <br/>
密碼：<input type="password" name="password" > <br/>
<input type="submit" value="登陸">
form>

　　21.單選框


單選1 <input type="radio" >
單選2 <input type="radio" >


默認選中 <input type="radio" checked="checked" >


學習java<input type="radio" name="activity" value="學習java" > <br/>
java<input type="radio" checked="checked"  name="activity" value="tokyohot" > <br/>
dota<input type="radio" name="activity" value="dota" > <br/>
LOL<input type="radio" name="activity"  value="lol"> <br/>

　　22.復選框



學習java<input type="checkbox" value="學習java" > <br/>
學習<input type="checkbox" checked="checked"  name="activity" value="tokyohot" > <br/>
dota<input type="checkbox" value="dota" > <br/>
LOL<input type="checkbox" value="lol"> <br/>

　　23.下拉列表



<select size="2" multiple="multiple >
 
 
 >3option>
select>

　　24.文本域



<textarea cols="30" rows="8">abc
def
textarea>

　　25.普通按鈕


<input type="button" value="一個按鈕">

　　26.提交按鈕



<form action="/study/login.jsp" method="get">
賬號:<input type="text" name="name"> <br/>
密碼:<input type="password" name="password" > <br/>
<input type="submit" value="登陸">
form>

　　27.重置按鈕



<form action="/study/login.jsp">
賬號：<input type="text" name="name"> <br/>
密碼：<input type="password" name="password" > <br/>
<input type="submit" value="提交">
<input type="reset" value="重置">
form>

　　28.圖像提交



<form action="/study/login.jsp">
賬號：<input type="text" name="name"> <br/>
密碼：<input type="password" name="password" > <br/>
<input type="image" src="http://how2j.cn/example.gif">
form>

　　29.按鈕



<form action="/study/login.jsp">
賬號：<input type="text" name="name"> <br/>
密碼：<input type="password" name="password" > <br/>

<button type="submit">登陸button>
 
form>

　　30.html綜合演示

  1 <html>
  2     <head>
  3         <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
  4     head> 
  5     <body>
  6         
  7         
  8         <table width="100%" >
  9   <tr>
 10     <td align="right"><font color="#FF0000">*font>用戶名:td>
 11     <td><input type="text" size="30"/> <font color="red">用戶名不得小于3個字符font>td>
 12   tr>
 13   <tr>
 14     <td align="right"><font color="#FF0000">*font>密碼:td>
 15     <td><input name="text" type="text" size="30"/>td>
 16   tr>
 17   <tr>
 18     <td align="right"><font color="#FF0000">*font>確認密碼:td>
 19     <td><input name="text2" type="text" size="30"/>td>
 20   tr>
 21   <tr>
 22     <td align="right"><font color="#FF0000">*font>Email:td>
 23     <td><input name="text3" type="text" size="30"/>td>
 24   tr>
 25   <tr>
 26     <td align="right"><font color="#FF0000">*font>真實姓名:td>
 27     <td><input name="text4" type="text" size="30"/>td>
 28   tr>
 29   <tr>
 30     <td align="right"><font color="#FF0000">*font>性別:td>
 31     <td>
 32         <select>
 33             <option>男option>
 34             <option>女option>            
 35         select>
 36     td>
 37   tr>
 38   <tr>
 39     <td align="right"><font color="#FF0000">*font>生日:td>
 40     <td><select name="select">
 41       <option>1980option>
 42       <option>1981option>
 43       <option>1982option>
 44       <option>1983option>
 45       <option>1984option>
 46       <option>1985option>
 47       <option>1986option>
 48       <option>1987option>
 49       <option>1988option>
 50       <option>1989option>
 51       <option>1990option>
 52       <option>1991option>                                                
 53     select>
 54       <select name="select2">
 55         <option>1option>
 56         <option>2option>
 57         <option>...option>
 58         <option>12option>                
 59       select>
 60       <s

云服務器 GPU云服務器 html5基礎知識知識點重要知識點 linux知識點

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

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

html5知識點補充—其他元素介紹

摘要：在中，元素得以重新定義，它現在用來顯示不正確或不相關的內容。元素的變化對元素的定義進行了很大的修改。因此，在中，元素代表小打印體，如版權信息條款或許可法律信息。因為是內嵌元素，如果有需要，你可以將它嵌入其他元素中。使用s元素顯示不準確或不相關的內容以前,s元素是特意用來顯示帶刪除線的文字的。在HTML5中，s元素得以重新定義，它現在用來顯示不正確或不相關的內容。這意味著可以使用它...

BigNerdCoding 2019-08-01 14:52 評論0 收藏0
html5知識點補充—footer元素的使用

摘要：使用元素創建腳注顧名思義，元素通常位于頁面的底部。與類似，元素可以在單個頁面上多次使用，也可以將元素放在中。示例代碼使用了一個站點范圍的，還在中使用了嵌套的元素。規范中講到，元素可以包含指向相關文檔的鏈接。使用footer元素創建腳注顧名思義，footer元素通常位于頁面的底部。盡管footer通常位于某個區域或者頁面的底部，但并非總是如此。footer元素旨在包含作者、網站所有者...

geekidentity 2019-08-01 14:49 評論0 收藏0
前端知識點總結——H5

摘要：前端知識點總結新特性新的語義標簽增強型表單音頻和視頻繪圖繪圖地理定位拖動增強型表單新新的表單元素新特性數據列表本身不可見為提供輸入建議列表新特性進度條左右晃動進度條具有指定進度值進度條新特性刻度尺用于標示一個值所值的范圍不前端知識點總結——H5 1.html5新特性 (1)新的語義標簽 (2)增強型表單* (3)音頻和視頻 (4)Canvas繪圖 (5)SVG繪圖 (6)地...

el09xccxy 2019-06-26 17:33 評論0 收藏0

發表評論

登陸后可評論

0條評論

番茄西紅柿

男|高級講師

我要關注我要私信

TA的文章

tensor

閱讀 713·2023-04-25 19:43
Windows 下安裝 XGBoost

閱讀 3910·2021-11-30 14:52
Hadoop 2.6.0 啟動問題 lib/native/libhadoop.so which mi

閱讀 3784·2021-11-30 14:52
VmShell：黑五美國VPS,免費先開通測試,滿意后付款!支持tiktok美區

閱讀 3852·2021-11-29 11:00
百度智能云：云產品特惠福利,1核2G輕量應用服務器僅48元/年

閱讀 3783·2021-11-29 11:00
Linux系統和寶塔面板如何啟用禁ping功能?

閱讀 3869·2021-11-29 11:00
301重定向怎么做?301重定向設置方法有幾種

閱讀 3558·2021-11-29 11:00
wordpress網站重定向次數過多的解決方法

閱讀 6105·2021-11-29 11:00

資訊專欄INFORMATION COLUMN

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

Html5知識點

1.html中文問題

2.標簽

3.元素

4.屬性

5.注釋

6.標題

7.段落

8.粗體--斜體

9.預格式顯示Java代碼

10.刪除--下劃線

11.圖像

12.超鏈接

13.表格

14.列表

15.div域span

16.字體

17.內聯框架

18.文本框

19.密碼框

20.表單

21.單選框

22.復選框

23.下拉列表

24.文本域

25.普通按鈕

26.提交按鈕

27.重置按鈕

28.圖像提交

29.按鈕

30.html綜合演示

相關文章

發表評論

0條評論

男|高級講師

TA的文章

最新活動

1.html中文問題　　

　　2.標簽

　　3.元素　

　　4.屬性

　　5.注釋

　　6.標題　

　　7.段落

　　8.粗體--斜體

　　9.預格式顯示Java代碼

　　10.刪除--下劃線

　　11.圖像

　　12.超鏈接

　　13.表格

　　14.列表

　　15.div域span

　　16.字體

　　17.內聯框架

　　18.文本框

　　19.密碼框

　　20.表單

　　21.單選框

　　22.復選框

　　23.下拉列表

　　24.文本域

　　25.普通按鈕

　　26.提交按鈕

　　27.重置按鈕

　　28.圖像提交

　　29.按鈕

　　30.html綜合演示