侧边栏壁纸
  • 累计撰写 45 篇文章
  • 累计收到 1 条评论

HTML基础快速入门

小赵
2022-11-21 / 0 评论 / 5 阅读 / 正在检测是否收录...

快速入门

1.新建文本文件,后缀名改为 .html/.htm

2.编写 HTML结构标签

3.在中使用

定义标题字体

4.使用标签定义图片

5.保存后,使用浏览器打开该文件

| 标签 | 描述 |
| -------------- | ------------------------------------------- | |
| <HTML> | 定义 HTML 文档 |
| <head> | 定义关于文档的信息 |
| <title> | 定义文档的标题 |
| <body> | 定义文档的主体 |

基础标签

标签描述
<h1>  ~ <h6>定义标题,h1最大,h6最小
<font>定义文本的字体、字体尺寸、字体颜色
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>定义文本居中
<p>定义段落
<br>定义折行
<hr>定义水平线
HTML 原代码显示结果描述
\&lt;<小于号或显示标记
\&gt ;>大于号或显示标记
\&amp;&可用于显示其它特殊字符
\&quot;引号
\&reg;®已注册
\&copy;©版权
\&trade;商标
\&nbsp; 不断行的空白

图片、音频、视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频
  • img:定义图片

    • src:规定显示图像的 URL
    • height:定义图像的高度
    • width:定义图像的宽度
  • audio:定义音频。支持的音频格式:MP3、WAV、OGG

    • src:规定音频的 URL
    • controls:显示播放控件
  • video:定义视频。支持的音频格式:MP4, WebM、OGG

    • src:规定视频的 URL
    • controls:显示播放控件

超链接标签

标签描述
<a>定义超链接,用于链接到另一个资源
  • href:指定访问资源的URL
  • target:指定打开资源的方式

    • _self:默认值,在当前页面打开

      • _blank:在空白页面打开

列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
  • type:设置符号的类型

表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格
  • table:设置符号的类型

    * table:定义表格
        * width:宽度
        * border:边框
        * cellpadding:定义内容和单元格的距离
        * cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
        * bgcolor:背景色
        * align:对齐方式
    * tr:定义行
        * bgcolor:背景色
        * align:对齐方式
    * td:定义单元格
        * colspan:合并列
        * rowspan:合并行
    * th:定义表头单元格
    * <caption>:表格标题
    

布局标签

标签描述
<div>定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页
<span>用于组合行内元素。

表单标签

标签描述
<form>定义表单
<input>定义表单项,通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域

type取值

type 取值描述
text默认值。定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义复选框
file定义文件上传按钮
hidden定义隐藏的输入字段
submit定义提交按钮,提交按钮会把表单数据发送到服务器
reset定义重置按钮,重置按钮会清除表单中的所有数据
button定义可点击按钮
0

评论 (0)

取消