HTML的介绍

最新推荐文章于 2024-08-25 18:26:48 发布

「已注销」

最新推荐文章于 2024-08-25 18:26:48 发布

阅读量147

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_42401062/article/details/104407287

版权

HTML实例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

什么是HTML

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容

HTML的标签

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML的版本

版本	发布时间
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML3.2	1997
HTML4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

HTML的标签

1.标题标签

<!-- Heading标题标签是成对存在的 -->
<!-- h1是最大级别的标题 h6是最小级别的标题 -->
    <h1>我是标题</h1>
    <h2>我是标题</h2>
    <h3>我是标题</h3>
    <h4>我是标题</h4>
    <h5>我是标题</h5>

样式显示
在这里插入图片描述

2.文本格式化标签

标签	作用
b/strong	定义粗体文字
i/em	定义斜体字
small	定义小号字
sub	定义下标字
sup	定义上标字
ins/u	定义下划线文字
del/s	定义删除文字

css的使用

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的
CSS添加到HTML有三种方式

内联样式

在HTML元素中使用"style" 属性
<div style="background-color: red;"></div>

外部样式

在HTML文档头部 head 区域使用 style 元素 来包含CSS
<style type="text/css">
        /* ...代码 */
</style>

外部引用

使用外部 CSS 文件
<link rel="stylesheet" type="text/css" href="">

HTML样式标签

标签	描述
style	定义文本样式
link	定义引用资源地址

HTML表格标签

标签	描述
table	定义表格
th	定义表格的表头
tr	定义表格的行
td	定义表格单元
caption	定义表格标题
colgroup	定义表格列的组
col	定义用于表格列的属性
thead	定义表格的页眉
tbody	定义表格的主体
tfoot	定义表格的页脚

HTML列表标签

1.无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用ul>li标签
<ul>
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

样式显示
无序列表

2.有序列表

有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 ol 标签。每个列表项始于 li 标签。

<ol>
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ol>

样式显示
在这里插入图片描述

3.定义列表

定义列表不仅仅是一列项目，而是项目及其注释的组合。

<dl>
   <dt></dt>
   <dd></dd>
</dl>

样式显示
在这里插入图片描述

HTML的表单

HTML表单是用户和web站点或应用程序之间交互的主要内容之一。它们允许用户将数据发送到web站点。大多数情况下，数据被发送到web服务器。
HTML表单是由一个或多个小部件组成的。这些小部件可以是文本域、选择框、按钮、复选框或单选按钮。

表单标签 form

<form action="1_submit" method="get" accept-charset="utf-8">
   ...
</form>

文本字段 type=“text”

<form action="">
    <input type="text" name="" id="">
</form>

密码字段 type=“password”

<form action="">
    <input type="text" name="" id="">
    <input type="password" name="" id="">
</form>

单选按钮 type=“radio”

<form action="">
    <input type="text" name="" id="">
    <input type="password" name="" id="">
    <input type="radio" name="" id="">
</form>

复选按钮 type=“checkbox”

<form action="">
    <input type="text" name="" id="">
    <input type="password" name="" id="">
    <input type="radio" name="" id="">
    <input type="checkbox" name="" id="">
</form>

提交按钮 type=“submit”

<form action="">
    <input type="text" name="" id="">
    <input type="password" name="" id="">
    <input type="radio" name="" id="">
    <input type="checkbox" name="" id="">
    <input type="submit" value="">
</form>

「已注销」

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的介绍

HTML实例解析1.<!DOCTYPE html> 声明为 HTML5 文档2.<html> 元素是 HTML 页面的根元素3.<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。4.<title> 元素描述了文档的标题5.<body> ...
复制链接

扫一扫