HTML初步1

最新推荐文章于 2025-12-13 12:07:42 发布

原创最新推荐文章于 2025-12-13 12:07:42 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文全面介绍了HTML的基本元素和属性，包括段落、标题、列表、表格、表单、链接等，详细解释了如何使用这些元素进行网页布局和设计，同时涵盖了响应式设计和样式设置的基础知识。

完整的 HTML 参考手册

html 元素

规范：小写
<html></html>定义整个html文档
<body><body>主体
<p></p>段落
<h></h>标题 可从h1-h6，上下自动空行

没有内容的 HTML 元素被称为空元素，空元素在开始标签中关闭。
<br>换行适应未来，使用<br/>
<hr/>水平线
注释

标签	描述
`<code>`	计算机代码文本
`<kbd>`	键盘文本
`<samp>`	计算机代码示例
`<var>`	变量

图像
<img src="url" alt="" align="" width="" height="">图像来源，替换文字，在文本中对齐方式（默认bottom,middle,top，lefy,right）,图像尺寸
<body background="url">图像背景

表格
每个表格由 table 标签开始
每个表格行由 tr 标签开始
每个表格数据由 td 标签开始
空单元格
colspan跨列
rowspan跨行
frame(box,above,below,hsides,vsides)
cell padding单元格边距
cell spacing单元格间距
<th>表头
<table> 表格
<caption>表格标题
<tr>表格的行
<td>表格单元
<thead> 表格的页眉
<tbody> 表格的主体
<tfoot> 表格的页脚
<col> 用于表格列的属性
<colgroup> 表格列的组

列表
无序始于<ul>，列表项始于<li>
<ul>type(disc,circle,square)
有序始于<ol>,列表项始于<li>
<ul>type(a,A,i,I)
自定义始于<dl>,列表项始于<dt>,列表项定义始于<.dd>

表单
<form>
<input>type属性：text ,常规文本输入;password,密码；radio,单选按钮输入（选择多个选择之一);submit ,提交按钮（提交表单）;button;number;date;;month;week;time;color;range;email;search。
<fieldset>组合表单
<select>下拉列表，option用选项，通过selected预选择
<datalist>为 <input> 元素规定预定义选项列表

属性
value初始值
readonly只读
disabled禁用，不会被提交
size尺寸
maxlength允许的最大长度
placeholder描述输入字段预期值的提示
required必填

属性

名称/值,在开始标签中规定
小写
属性值应该始终被包括在引号内。双引号是最常用的，使用单引号也ok。
在某些个别的情况下，比如属性值本身就含有双引号，那么必须使用单引号

链接由<a>定义，地址在herf属性中指定，target="_blank"可以在新窗口打开，#加上锚的名称
<a href="http://www.baidu.com">This is a link</a>
~~<h1 align="center">拥有关于对齐方式的附加信息~~
~~<body bgcolor="yellow"> 拥有关于背景颜色的附加信息，属性值可以是十六进制数、RGB 值或颜色名~~
<table border="1">拥有关于表格边框的附加信息
style
< style="background colour:red">
< style="font-family:arial;color:red;font-size:20px;">
< style="text-align:center">

文本格式

<b></b>bold粗体
<strong></strong>strong加重
<big></big>big大号
<em></em>emphasized斜体，着重
<i></i>italic斜体
<small></small>small小号
<sub></sub>subscript下标
<sup><sup>superscript 上标
<pre></pre>预格式文本保留空格和换行，适合代码
<abbr title="etcetera">etc.</abbr> 缩略
<acronym title="world wide web">www</acronym>首字母缩写
<del></del>删除文本
<ins></ins>下划线文本
<blockquote></blockquote>长引用
<q></q>短引用
<cite></cite>著作的标题斜体
<address></address>文档或文章的联系信息

颜色

除aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow外用16进制
颜色名表

声明

<!DOCTYPE HTML>HTML5的声明

响应式设计

框架

<frameset>cols(columes)垂直框架，rows水平框架，可规定占据面积比例
noresize="noresize"边框不可拖动
<iframe src="url"><iframe>width,height,frameborder(=0移除边框)
链接的 target 属性必须引用 iframe 的 name 属性