网页制作工具

一、 HTML语言

二、 语法结构

三、HTML语言的常见标签

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

语法结构:
<标签>HTML 语言元素<标签>

HTML语言的常见标签

标签 作用
基础
<!DOCTYPE> 文档类型
<html> HTML文档
<title> 标题
<body> 文档的主体
<h1>to<h6> HTML标题
<p> 段落
<br> 折行
<hr> 水平线
<!-- …—> 注释
**格式**
\<abbr> ---- 一个缩写
\<b> -------- 粗体文本
\<bdo>------文本的方向
\<cite>------引用
\<code>----代码文本
\<dfn>------项目
\<del>------删除文本
\<i>---------斜体文本
\<ins>------被插入文本
\<kbd>-----键盘文本
\<em>------强调文本
\<pre>------预格式文本
\<q>---------短的引用
\<s>---------删除加线的文本
\<samp>----计算机代码样本
\<small>----小号文本
\<sub>------下标文本
\<sup>------上标文本
\<time>------日期/时间
\<u>---------下划线文本
\<var>-------文本的变量部分
 \<wbr>------在文本的何处添加换行符

格式类标签效果图,可以加强理解记忆
<abbr> ---- 一个缩写
<b> -------- 粗体文本
<bdo>------文本的方向
<cite>------引用
<code>----代码文本
<dfn>------项目
<del>------删除文本
<i>---------斜体文本
<ins>------被插入文本
<kbd>-----键盘文本
<em>------强调文本
<pre>

------预格式文本

<q> ---------短的引用
<s> ---------删除加线的文本
<samp> ----计算机代码样本
<small> --------小号文本
<sub> -----------下标文本
<sup> -----------上标文本
<time>-------日期/时间
<u> -----------下划线文本
<var> --------文本的变量部分

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

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

框架
<iframe>-----内联框架

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_46555054/article/details/118740286