html form 居中_html

最新推荐文章于 2024-08-21 13:18:51 发布

weixin_39809584

最新推荐文章于 2024-08-21 13:18:51 发布

阅读量1.6k

点赞数

这篇博客详细介绍了HTML的基本结构，包括文档头部、元信息、标题等元素。此外，还讲解了如何创建和使用HTML表格、表单以及各种输入元素，如文本框、单选按钮、复选框等，提供了丰富的代码示例。对于初学者来说，是理解网页内容布局和用户交互的基础知识。

摘要由CSDN通过智能技术生成

HTML

基本

<html>…</html>      定义 HTML 文档
<head>…</head>   文档的信息
<meta>                    HTML 文档的元信息
<title>…</title>        文档的标题
<link>                  文档与外部资源的关系
<style>…</style>    文档的样式信息
<body>…</body>   可见的页面内容
<!--…-->                 注释
<html>
    <head>
        <title>网页的标题</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        写网页的主体
    </body>
</html>

… 定义 HTML 文档 … 文档的信息 HTML 文档的元信息文档的标题文档与外部资源的关系文档的样式信息 … 可见的页面内容注释

<h1>...</h1>     标题字大小（h1~h6）
<b>...</b>                   粗体字
<strong>...</strong>   粗体字(强调)
<i>...</i>                      斜体字 
<em>...</em>              斜体字(强调)
<u>...</u>                   下划线
<del>...</del>              删除线(表示删除)
<center>…</center>   居中文本(HTMl5已不支持center标签，可用样式text-align:center代替)
<ul>…</ul>                 无序列表 
<ol>…</ol>                 有序列表
<li>…</li>                    列表项目
<a href=”…”>…</a>    超链接
<font>    定义文本字体尺寸、颜色、大小
<sub>                         下标
<sup>                         上标
<br>                           换行
<p>                            段落
<img src=’”…”> 定义图像
<hr> 水平线

表格

<table>…</table> 定义表格
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元

表单

<form>…</form> 定义供用户输入的 HTML 表单

元素（输入元素）：是表单里面最常用的元素，它有多种不同的类型（比如：单行文本框、密码框、单选按钮、复选框等等），可以通过【type】属性来设置。下表列出了常见的类型及说明。

type赋值

text-----单行文本框

password----密码文本框

radio---多选一

checkbox 多选多

file----上传元素

submit----提交表单

代码示例

<!DOCTYPE html>
<html>
<head>
<meta  charset=utf-8"/>
    <title></title>
</head>
<body>
    <form><!--定义一个表单，表单开始-->
        账号：<input type="text"/><!--单行文本框-->
        <br /><!--换行-->
        密码：<input type="password"/><!--密码文本框-->
        <br /><!--换行-->
        <!--下面是单选按钮，有两个选项，二选一-->
        性别：<input type="radio" name="sex" value="male"/>男
              <input type="radio" name="sex" value="female"/>女
        <br /><!--换行-->
        <!--下面是复选框，可多选-->
        爱好：<input type="checkbox" name="interest" value="ah1" />游泳
              <input type="checkbox" name="interest" value="ah2" />篮球
              <input type="checkbox" name="interest" value="ah3" />跑步
        <br /><!--换行-->
        简历：<input type="file" /><!--上传文件-->
        <br /><!--换行-->
        <input type="submit" /><!--提交按钮-->
    </form><!--表单结束-->
</body>
</html>