go float64 轉int_Go語言的學習筆記（第十三章）反射

阿新 • • 發佈：2021-01-29

技術標籤：Java html

HTML

超文字標記語言Hyper Text Markup Language

初見html

W3C(World Wide Web Consortium)

成立於1994年，web技術領域最權威和最具影響力的國際中立性組織

W3C
- W3C標準包括：
  - 結構化標準語言（HTML）
  - 表現標準語言（CSS）
  - 行為標準（DOM、ECMAScript）

常見IDE

記事本
Dreamweaver
IDEA
Webstrom
…

網頁基本資訊
- DOCTYPE宣告
- 標籤
- 標籤
網頁基本標籤
- 標題標籤例如：
- 段落標籤例如：
- 換行標籤例如：
- 水平線標籤
- 字型樣式標籤
  - 粗體標籤例如：
  - 斜體標籤例如：
- 特殊符號和註釋
  - 空格 &nbsp
  - 版權所有 &copy
影象標籤
- 常見的影象格式
  - JPG
  - GIF
  - PNG
  - BMP
  - …
- src:影象地址
- alt:影象的代替文字
- tltle:滑鼠懸停顯示文字
- width:影象寬度
- height:影象高度
超連結標籤的應用
- 文字超連結
- 影象超連結
```
<a href="path" target="目標視窗位置">連線文字或影象</a>
```
  - href: 必填，表示頁面要跳轉到頁面的地址
  - traget:表示視窗開啟位置 _bank表示在新的頁面開啟 _self預設在本頁面開啟
  - _parent:在父框架集中開啟被連結文件
  - _top:在整個視窗開啟被連結文件
  - framename:在指定的框架中開啟被連線文件
  超連結
  - 頁面間連線
  - 錨鏈接
    1. 標記位置頂部
    2. 跳轉連結（可跨頁面跳轉）點選跳轉頂部
  - 功能性連線
    1. 郵件連線：點選聯絡我
    2. QQ連結
      
      https://146287845.qq.com/v3/widget.html
行內元素和塊元素
- 塊元素
  
  無論多少內容，始終獨佔一行顯示
- 行內元素
  
  內容撐開元素，左右左右都是行內元素的可以排在一行
列表

定義：列表是資訊資源的一種展現形式。它可以是資訊結構化和條理化，並以列表的樣式展現出來，以便瀏覽者快速的獲取資訊

分類
- 有序列表
- 無序列表
- 自定義列表
  
  標題
  列表項

表格

優點
```
 - 簡單通用
 - 結構簡單
```

基本結構

單元格
行
列
跨行 colspan

跨列 rowspan

<table border="1px">
    <tr>
      <td colspan="3">學生成績</td>
    </tr>
    <tr>
      <td rowspan="2">狂神</td>
      <td>語文</td>
      <td>100</td>
    </tr>
    <tr>
      <td>數學</td>
      <td>100</td>
    </tr>
    <tr>
      <td rowspan="2">秦將</td>
      <td>語文</td>
      <td>100</td>
    </tr>
    <tr>
      <td>數學</td>
      <td>100</td>
    </tr>
</table>

視訊和音訊
- 視訊元素 video
- 音訊元素 audio
src:資源路徑

controls:控制條

autoplay:自動播放
```
<video src="path" controls autoplay>

</video>
```

頁面結構分析

元素名	描述
header	標題頭部區域
footer	標記腳部區域的內容
section	web頁面中的一塊獨立區域
article	獨立的文章內容
aside	相關內容或應用（常用於側邊欄）
nav	導航類輔助內容

iframe內聯框架
- src:地址
- width:寬度
- height:高度
- name:框架標識名
```
<iframe src="path" name="mainFrame">
    
</iframe>
```

表單

<from method="post" action="result.html">
    <p>
        名字：<input name="name" type="text">
    </p>
    <p>
        密碼：<input name="pass" type="password">
    </p>
    <p>
        <input type="submit" name="Button" value="提交">
        <input type="reset" name="Reset" value="重填">
    </p>
</from>

action:表單提交的位置，可以是網站，也可以是請求處理地址

method:有get和post兩種方式，提交方式

get提交方式

可以在url看到提交的資訊，不安全，但是高效
post提交方式

比較安全，傳輸大檔案

表單元素格式

屬性	描述
type	指定元素的型別。text、password、radio、submit、reset、file、hidden、image、和button,預設text
name	指定表單元素的名稱
value	元素初始值。type為ridio時候必須指定一個值
size	指定表單元素的初始寬度。當type為text或password時，表單元素的大小以字元為單位。其他型別，寬度以畫素為單位
maxlength	type為text或password時，輸入的最大字元數
checked	type為radio或checkbox,指定按鈕是否被選中

增強滑鼠可用性

<lable for="mark">點我輸入</lable>
<input type="text" id="mark">

表單的簡單驗證

<!--郵箱驗證-->
<input type="email" name="email">
<!--url驗證-->
<input type="url" name="url">
<!--數字驗證 min max step-->
<input type="number" min="20" max="1000" step="10">
<!--滑塊-->
<input type="range" name="voice" min="0" max="100" step="2">
<!--搜尋框-->
<input type="search" name="search">