BLOG

Record, summarize, and improve.
2026-08-16
Language Script

html

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。 

<h1>这是一个标题</h1>

HTML 段落是通过标签 <p> 来定义的。 

<p>这是一个段落。</p>

HTML 链接是通过标签 <a> 来定义的。提示:在 href 属性中指定链接的地址。 

<a href="https://www.runoob.com">这是一个链接</a>

HTML 图像是通过标签 <img> 来定义的.注意： 图像的名称和尺寸是以属性的形式提供的。 

<img src="/images/logo.png" width="258" height="39" />

使用<br />來換行，PS: 也可寫成<br>

使用 <hr /> 来显示分隔线 

<p>這是普通的文字</p>
<b>這是加粗的文字</b>
<big>這是放大的文字</big>
<i>這是斜體的文字</i>
<small>這是縮小的文字</small>
<strong>這是加強的文字</strong>
這是<sub>上標</sub>的文字
這是<sup>下標</sup>的文字
這是<ins>插入</ins>的文字
<del>這是刪除的文字</del>

使用 <ol> 来包含住 <li> ，可显示有数字的清单，使用 <ul> 来包含住 <li> ，可显示有圆点的清单

特殊符号

&lt;=>【<】

&gt;=> 【>】

使用 <div> 标签来分割网页区块，多用来指定套用CSS的范围 

<div style="background-color:blue; color:white">
    <p>Linwebs</p>
    <p>林林.台灣</p>
</div>

经常使用 <span> 来套用单行文字的CSS 

<h4>
    <span style="color:blue">Linwebs</span> 林林.台灣
</h4>

使用 <table> 标签来制作表格，内含 <tr> 做为表格的列， <td> 作为表格的栏，表格第一列中的字段经常使用 <th> 来替代表示此栏的内容为字段名称

合并表格：在 <td> 后方加入 colspan="..." 表示将这一列表格中的几个字段合并 

<table border="2">
    <tr>
        <th>編號</th>
        <th>名稱</th>
        <th>網址</th>
    </tr>
    <tr>
        <td align="center">1</td>
        <td>Linwebs</td>
        <td>linwebs.tw</td>
    </tr>
    <tr>
        <td align="center">2</td>
        <td>HTML教學</td>
        <td>htmltutorial.linwebs.tw</td>
    </tr>
    <tr>
        <td align="center">3</td>
        <td colspan="2">Linwebs | 林林.台灣</td>
    </tr>
</table>

使用 <frame> 标签来引用档案，多用于引用网页，呈现页中页的效果，YouTube也有提供 <iframe> 可让用户插入其影片于网页中，甚至可修改是否自动播放、循环播放、显示播放器工具栏等，以下提供两种范例，一是分割浏览器为四等分，以Linwebs网站作为范例，二是 <iframe> 链接，嵌入YouTube影片 

<h1>Linwebs</h1>
<hr />
<iframe width="560" height="315" src="https://www.youtube.com/embed/" "frameborder="0" allowfullscreen></iframe>
<frameset cols="50%,50%" rows="50%,50%">
    <frame src="https://linwebs.tw/" />
    <frame src="https://linwebs.tw/note" />
    <frame src="https://linwebs.tw/diary" />
    <frame src="https://linwebs.tw/login" />
</frameset>

使用 <form> 标签来制作表单，须以其他网页后端语言结合方可运作，如：结合PHP语言，制作登录系统表单，action指定传送的网址，可使用相对路径、绝对路径等网址，method指定传送的方法，有GET【显示于网址】和POST【隐藏传送】两种方式，而元素则有非常多种，常用的有text【文字】、password【密码】、 radio【单选框】、checkbox【复选框】、submit【送出】等元素，其中需有submit来送出表单，否则此表单将无用处

type=> 指定类别

placeholder=> 指定提示文字

value=> 指定其值

name=> 为PHP程序辨认字段的方式 

<form action="login.php" method="post">
    <input type="text" name="account" placeholder="請輸入帳號" />
        <br />
    <input type="password" name="password" placeholder="請輸入密碼" />
        <br />
    <input type="submit" value="送出" />
</form>

使用align="..."來讓HTML元件對齊 使用 align="..." 来让HTML元件对齐 

<p align="left">Linwebs | 林林.台灣</p>

使用 height="..." 和 width ="..." 来设置HTML元件宽度及高度，单位可使用像素 px 或是百分比 % 来设定，如：图片大小、分隔线宽度等 

<p>Linwebs</p>
<hr width="80%" />
<p>Linwebs</p>
<hr width="50px" align="right"/>
<p align="right">Linwebs | 林林.台灣</p>

使用color来指定文本颜色，使用 bgcolor="..." 来指定网页背景颜色【需放置于 <body> 标签后方】 

<div style="background-color:blue; color:white">

HTML色碼是由RGB所組成，首先以井字號當頭，前兩個字控制紅色 ，中間兩字控制綠色，後兩個字控制藍色，由淺到深是由0123456789ABCDEF共16個值，綜合7個文字所調整出顏色的濃淡 

<html>
    <head> ... </head>
    <body bgcolor="#8ebaff">
        <h4>
            <font color="#ffffff">Linwebs</font>
        </h4>
    </body>
</html>

Language Script