网页制作工具

陌小柠

已于 2022-05-01 09:43:02 修改

阅读量187

点赞数

分类专栏：网页开发学习文章标签： html web 前端 html5

于 2021-07-15 22:36:31 首次发布

本文链接：https://blog.csdn.net/weixin_46555054/article/details/118740286

版权

网页开发学习专栏收录该内容

9 篇文章 1 订阅

订阅专栏

本文深入介绍了HTML语言，包括其作为标记语言的性质、基本语法结构及常用标签。内容涵盖HTML的基本元素如标题、段落、表单、图像、列表和表格，同时详细阐述了各种格式标签的作用，如粗体、斜体、引用等。此外，还提及了表单控件、链接、框架、元信息和脚本等相关概念，是学习HTML的基础教程。

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

文章目录

一、 HTML语言

HTML不是一种编程语言，而是一种标记语言，是一套标记标签，HTML使用标记标签来描述网页。
使用HTML编写的Web页面又称为HTML文件，文件一般以“html”，“htm”为扩展名，使用网页编辑工具创建HTML文件。

二、语法结构

＜标签＞HTML 语言元素＜标签＞

三、HTML语言

1. 常见标签

标签	作用
基础
<!DOCTYPE>	文档类型
<html>	HTML文档
<title>	标题
<body>	文档的主体
<h1>to<h6>	HTML标题
<p>	段落
<br>	折行
<hr>	水平线
<！-- …—>	注释

2. 格式标签

**格式**
\<abbr> ---- 一个缩写
\<b> -------- 粗体文本
\<bdo>------文本的方向
\<cite>------引用
\<code>----代码文本
\<dfn>------项目
\<del>------删除文本
\<i>---------斜体文本
\<ins>------被插入文本
\<kbd>-----键盘文本
\<em>------强调文本
\<pre>------预格式文本
\<q>---------短的引用
\<s>---------删除加线的文本
\<samp>----计算机代码样本
\<small>----小号文本
\<sub>------下标文本
\<sup>------上标文本
\<time>------日期/时间
\<u>---------下划线文本
\<var>-------文本的变量部分
 \<wbr>------在文本的何处添加换行符

3. 格式类标签效果图，可以加强理解记忆

格式类标签效果图，可以加强理解记忆
<abbr> ---- 一个缩写
<b> -------- 粗体文本
<bdo>------文本的方向
<cite>------引用
<code>----代码文本
<dfn>------项目
<del>~~------删除文本~~
<i>---------斜体文本
<ins>------被插入文本
<kbd>-----键盘文本
<em>------强调文本
<pre>
------预格式文本
<q> ---------短的引用
<s> ~~---------删除加线的文本~~
<samp> ----计算机代码样本
<small> --------小号文本
<sub> _{-----------下标文本}
<sup> ^{-----------上标文本}
<time>-------日期/时间
<u> -----------下划线文本
<var> --------文本的变量部分

4. 表单

<form>------HTML表单，用于用户输入
<input>-----输入控件
<botton>----按钮
<select>----选择列表
<option>----选择列表中相关选项的组合
<label>------input元素的标注
<fieldset>----围绕表单中的元素的边框
<legend>-----fieldset元素的标题
<datalist>----input元素可能的选项列表
<keygen>----表单的密钥对生成器字段
<output>-----计算的结果

链接
<a>-----------一个链接
<link>--------文档与外部资源的关系
<nav>--------导航链接

5. 框架

6. 图像

<img>--------图像
<map>-------图像映射
<area>-------图像地图内部的区域
<canvas>----通过脚本来绘制图形
<figure>-----figure标签用于对元素进行组合

7. 列表

列表
<ul>------无序列表
<ol>------有序列表
<li>-------列表项
<dl>------列表
<dt>------列表中的项目
<mune>----菜单列表

8. 表格

表格
<table>-------表格
<caption>----标题
<th>-----------行
<td>-----------单元
<thread>-----表头内容
<tbody>------主体内容
<tfoot>-------表注内容
<col>---------一列或多列的内容
<colgroup>----供格式化的列组

9. 样式/节

样式/节
<div>--------文档中的节
<span>-----文档中的节
<header>----文档头部
<footer>-----文档尾部
<sectiom>----某个区域

10. 元信息

元信息
<head>-------文档的信息
<meta>-------文档的元信息

11. 程序

程序
<script>-------客户端脚本
<noscript>----替代内容
<object>------嵌入的对象
<param>------对象的参数

码字不易，请动动小手点个赞哟~
万丈高楼平地起，勿在浮沙筑高台
在这里插入图片描述

陌小柠

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
网页制作工具

网页制作工具HTML语言语法结构常见标签语法结构:＜标签＞HTML 语言元素＜标签＞常见标签标签作用基础<!DOCTYPE>文档类型<html>HTML文档<title>标题<body>文档的主体<h1>to<h6>HTML标题<p>段落<br>折行<hr>水平线<！-- …—>注
复制链接

扫一扫