HTML 基础入门篇

最新推荐文章于 2024-07-25 12:15:00 发布

稀饭粥9999

最新推荐文章于 2024-07-25 12:15:00 发布

阅读量133

点赞数

分类专栏： Programming 文章标签： html

本文链接：https://blog.csdn.net/qq_27859417/article/details/113756138

版权

Programming 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML 基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html:charset=gb2312" />
        <title>Hello World！</title>
    </head>
    <body>
    <p>我的第一个网页</p>
    </body>
</html>

1. <!DOCTYPE html>：文档引用的规范，HTML5因为是“妥协式”的规范，所以不需要引用

2. <html></html>：根元素标签

3. <head></head>：头部标签

<title>	该元素用于定义文档标题
<script>	该元素用于包含 JavaScript 脚本
<link>	该元素用于链接外部 CSS 资源文件
<style>	该元素用于定义内部 CSS 样式
<meta>	该元素用于 HTML 页面的元数据

meta元素：

Http-equiv

指定源信息的名称，该属性指定的名称具有特殊意义，可以向浏览器传回一些有用的信息，帮助浏览器正确地处理网页内容。

Name

指定源信息名称，该名称值可以随意指定

e.g. author、keyword、description

Content

指定源信息的值

4. <body></body>：主题部分标签

块级标签：显示为“块”状，浏览器会在其前后显示折行。

<h1></h1>	标题标签，一般为六级 h1~h6
<p></p>	段落标签
<hr />	水平线标签，分割内容
<ol><li></li></ol>	有序列表
<ul><li></li></ul>	无序列表
<dl> <dt>标题</dt> <dd>描述</dd> </dl>	定义描述标签，dd描述前部会有一些缩进
<div></div>	分区模块：头模块、中间模块、脚注模块

行级标签：按行逐一显示，前后不会自动换行

<b></b>	定义粗体文本
<i></i>	定义斜体文本
<em></em>	定义强调文本（类似斜体）
<strong>/</strong>	定义粗体文本，比<b>粗
<small></small>	定义小号文本
<sub></sub>	定义下标文本
<sup></sup>	定义上标文本
<bdo></bdo>	定义文本显示方向，内有dir属性，只能取值 ltr 或 rtl
<span></span>	文本等行级标签，主要用于强调
<br />	换行

超链接标签：<a href="链接地址" target="目标窗口">链接文本或图片</a>

href	指定超链接所关联的另一个资源
target	指定框架集中的哪个框架来装载零一资源，该属性可以是_self\_blank\_top\_patent四个值，分别代表使用自身、新窗口、顶层框架、父框架来装载新资源

常用的特殊符号

	空格
>	大于（>）
<	小于（<）
"	引号
©	版权号

表格标签

<table>	用于定义表格
<tr>	定义表格行，该项只能包含<td>或<th>两种元素
<td>	定义单元格，包含两个主要的属性：colspan（指定单元格跨多少列），rowspan（指定单元格可横跨的行数），居左
<caption>	用于定义表格标题
<th>	定义表格页眉的单元格，居中
<tbody>	定义表格的主体
<thead>	定义表格头
<tfoot>	定义表格脚

表格属性

height	表格高度
width	表格宽度
border	表格边框
bgcolor	背景色
cellspacing	单元格之间的距离
cellpadding	单元格与内容的距离
align	对齐方式，right、left、center

表单标签

<form action="表单提交地址" method="提交方法">
... 文本框、按钮等表单元素 ...
</form>

作用：将客户端填写的数据信息发送给服务器

常用属性：

action

指定表单提交后由服务器上的那个处理程序进行处理

enctype

用于指定表单数据的编码方式

application/x-www-form-url: url编码方式

mutipart/form-data：二进制流

text/plain：当表单action为mailto:URL时使用

method

指定向服务器提交的方式一般为 ~~get~~ 和 post 两种方式

表单元素：

input	type = text：单行文本框 type = password：密码输入框 type = hidden：隐藏域 type = radio：单选框 type = checkbox：复选框 type = image：图像域 type = file：文件上传域 type = submit/reset/button：提交、充值、普通按钮 checked：单选框、复选框初始状态是否处于选中状态 disabled：首次加载时禁用此元素 maxlength：指定文本框中所允许输入的最大字符数 readonly：指定该文本框内的值不允许修改（可用js修改） size：指定该元素的长度 src：指定图像域所显示的图像URL
button	支持普通文本、格式化文本、图像
label	将文本标签关联到表单元素
select optgroup：选项组 option：选项	列表框和下拉菜单 disabled：是否可用 mutiple: 设置该列表框是否允许多选 size：显示个数，下拉菜单没有该属性 label：显示的组的标签 selected：初始状态是否为选中 value：该选项对应的请求参数值
textarea	多行文本框 Name Cols：指定文本框的宽度 Rows：指定文本框的高度 readonly：只读

多媒体元素

图像标签：<img src="图片地址" alt="提示文字">

视频、音频标签：<embed src="音频地址", width, height, autostart, loop>

稀饭粥9999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 基础入门篇

HTML 基本结构<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html:charset=gb2312" /><title>Hello World！</title></head><body><p>我的第一个网页</...
复制链接

扫一扫

专栏目录