當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html练习记录

發布時間：2024/9/30 编程问答 44 豆豆

生活随笔收集整理的這篇文章主要介紹了 html练习记录小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

網頁基本結構：

<!DOCTYPE html> <html> <head> <title> 標題</title> <meta charset="UTF-8"> </head> <body> hello world! </body> </html>

html 文本：

HTML 圖像：
HTML 圖像是通過標簽<img> 來定義的.
<img>是空標簽，意思是說，它只包含屬性，并且沒有閉合標簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 “source”。源屬性的值是圖像的 URL 地址。
URL 指存儲圖像的位置。

<!DOCTYPE html> <html> <head> <title> 圖片</title> <meta charset="UTF-8"> </head> <body> <img src="C:\360downloads\wpcache\internetcache\5.jpg" </body> </html>

超文本鏈接：
HTML 鏈接是通過標簽<a> 來定義的.

實例

<a href="https://store.steampowered.com/">這是一個鏈接</a>

1、HTML 鏈接 - target 屬性

使用 target 屬性，你可以定義被鏈接的文檔在何處顯示。

下面的這行會在新窗口打開文檔：

<a href="https://store.steampowered.com//" target="_blank">stream 官網</a>

html圖片映射
html列表
無序列表使用<ul> 標簽
有序列表使用<ol>標簽

無序列表<ul> <li>Coffee</li> <li>Milk</li> </ul> 有序列表 <ol> <li>Coffee</li> <li>Milk</li> </ol>

HTML 表格 ：
表格由<table> 標簽來定義。每個表格均有若干行（由<tr> 標簽定義），每行被分割為若干單元格（由<td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等。

HTML 表單和輸入：
文本域通過標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。
表單使用表單標簽 <form> 來設置:

<form> First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"> </form>

2. 密碼字段通過標簽<input type="password"> 來定義:*
密碼字段字符不會明文顯示，而是以星號或圓點替代

<form> Password: <input type="password" name="pwd"> </form>

提交按鈕(Submit Button)：
<input type="submit"> 定義了提交按鈕.
當用戶單擊確認按鈕時，表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理。:

<form name="input" action="html_form_action.php" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form>

假如您在上面的文本框內鍵入幾個字母，然后點擊確認按鈕，那么輸入數據會傳送到 “html_form_action.php” 的頁面。該頁面將顯示出輸入的結果。

總結

以上是生活随笔為你收集整理的html练习记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

html