HTML5基礎語法筆記

概念

HTML 是用來描述網頁的一種語言。

默認界面

<!DOCTYPE html>                    {#聲明爲 HTML5 文檔}
<html lang="en">			      { #元素是 HTML 頁面的根元素}
<head>                            { #元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式爲 utf-8。}
    <meta charset="UTF-8">
    <title>Title</title>           {# 元素描述了文檔的標題}
</head>
<body>                             {#元素包含了可見的頁面內容}

</body>
</html>

其他語法

<h1>我的第一個標題</h1>

我的第一個標題

<p>我的第一個段落。</p>

我的第一個段落。

<a href="http://www.xxxxx.com">這是一個鏈接</a>

這是一個鏈接

<img src="https://profile.csdnimg.cn/A/3/8/1_qq_32206387" width="100" height="100" />
<br>       {#換行,沒有關閉標籤的空元素}
<hr>       {#標籤在 HTML 頁面中創建水平線。}
<!-- 這是一個註釋 -->         {#瀏覽器會忽略註釋,更不會顯示它們}

表格示例

<table border="1">    {#定義表格}
    <tr>                 {#由 <tr> 標籤定義行}
        <th>Header 1</th>     { #表格的表頭}
        <th>Header 2</th>
    </tr>           
    <tr>
        <td>row 1, cell 1</td>          { #定義單元格}
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

輸入

<form>
name: <input type="text" name="name"><br>  {#文本域}
Password: <input type="password" name="pwd"><br>  {#密碼字段}
<input type="radio" name="sex" value="male">Male<br> {#單選按鈕}
<input type="radio" name="sex" value="female">Female<br>
<input type="checkbox" name="Life" value="Comedy">Life is a comedy<br>{#複選框}
<input type="checkbox" name="Life" value="Tragedy">Life is a tragedy<br>
<input type="submit">  {#提交按鈕}
</form>

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章