HTML笔记

来源：互联网发布：公路工程概预算软件编辑：程序博客网时间：2024/06/03 03:47

一个html文档需要<html></html>标签和<body></body>标签

一、常用的标签有：

<head></head>头标签<title></title>页面主题标签<u></u> 下划线<b></b> 黑体字    <i></i> 斜体字<sup></sup> 上标字    <sub></sub> 下标字<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<h1~6></h1~6>1~6号标题标签
<p></p> 创建一个段落     　
<br/> 换行 插入换行符  　 　
<div align=""></div> 用来排版大块HTML段落,也用于格式化表，div没有实际意义，相当于作为容器。
<span></span>文本标签
<a></a>超链接标签，<a> 标签的 target 属性规定在何处打开链接文档。
<ol></ol> 创建一个标有数字的列表  <ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,  若在<ul></ul>之间则每个列表项加上一个圆点 　
<table></table>表格标签<tr></tr>行标签<td></td>列标签<th></th>列的标题
<form><form>表单标签（表单里的标签后面再详细介绍）
<frame></frame>frame框架标签

扩展的标签

<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<blockquote></blockquote> 从两边缩进文本

二、表格

<table>   <tr>      <th></th>      <td></td>   </tr></table>

三、表单

表单中的元素（标签）有：

文本框： <input type="text" name="username" value="这是一个文本框"/><br/>        密码框： <input type="password" name="password" value="123"/><br/>        单选框:  男<input type="radio" name="sex" value="1"/>         女<input type="radio" name="sex" value="0"/>         gay <input type="radio" name="sex" value="2"/><br/>          复选框:  兴趣爱好:<br/>      打球<input type="checkbox" name="fun" value="playbasckt" />         读书 <input type="checkbox" name="fun" value="readbook" />       看电影<input type="checkbox" name="fun" value="movie" />       <br/>多行文本框: <br/>       <textarea  rows="10" cols="30"></textarea><br/>        下拉选择框: <br/>       <select>          <option>html</option>          <option>css</option>          <option>javascript</option>       </select>           提交 ：<br/>         <input type="submit" value="提交" />

表单中可以嵌套表格和列表（使表单更工整），如下：

<form >        <table border="1">            <tr>                <td>用户名:</td>                <td> <input type="text" name="username" value=""/></td>            </tr>                        <tr>                <td>密码:</td>                <td> <input type="password" name="password" value=""/></td>            </tr>                        <tr>                <td colspan="2"><input type="submit" value="提交" /> </td>            </tr>        </table>    </form>

四、frame框架

<frame src="单列布局.html" width="1200px" height="500px" scrolling="yes"/>

阅读全文

0 0