前端基础——HTML

qingqing今天掉头发了吗

已于 2022-01-21 15:13:58 修改

阅读量434

点赞数 1

分类专栏： # 前端基础文章标签： html 前端 css3

于 2022-01-21 15:12:35 首次发布

本文链接：https://blog.csdn.net/qq_63373917/article/details/122511284

版权

前端基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML

HTML 简介
HTML 基础
HTML元素
HTML 标签参考
HTML 图像
HTML 表格
HTML 列表
HTML 表单

HTML 简介

HTML 是一种在 Web 上使用的通用标记语言。标记语言是一套标记标签 (markup tag)。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 使用标记标签来描述网页。

HTML 基础

HTML 文档（ web 页面）包含了HTML 标签及文本内容。
HTML 标签是由尖括号包围的关键词，比如<h>。
HTML 标签通常是成对出现的，比如<p>,</p>。
标签对中的第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签）。

HTML 标题（Heading）是通过标签<h1>-<h6>来定义的。
<h1>定义最大的标题, <h6>定义最小的标题。

HTML 段落是通过标签<p>来定义的。
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。

HTML 链接是通过标签<a>来定义的。

HTML 图像是通过标签<img>来定义的。图像的名称和尺寸是以属性的形式提供的。

HTML元素

HTML 文档由相互嵌套的 HTML 元素构成。
HTML 元素以开始标签起始，以结束标签终止。
元素的内容是开始标签与结束标签之间的内容。
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
属性是 HTML 元素提供的附加信息。
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始(和结束)。
内联元素在显示时通常不会以新行开始。

HTML 标签参考

<html> 定义 HTML 文档
<body> 定义文档的主体
<h1>-<h6> 定义 HTML 标题
<br> 换行
<hr> 定义水平线
 定义注释
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气

HTML 图像

定义图像的语法是：
<img src="url" alt="some_text">
URL 指存储图像的位置。
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

HTML 表格

每个表格从一个 table 标签开始。
每个表格行从 tr 标签开始。
每个表格的数据从 td 标签开始，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。
表格的表头使用<th>标签进行定义。

跨行或跨列的表格单元格

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>笨鸟先飞</title>
</head>

<body>
<h2>单元格横跨两列:</h2>
<table border="1">  <!--<table> 元素的作用是显示表格化的数据。-->
<tr>
<th>Name</th>
<th colspan="2">Telephone</th>
</tr>
<tr>
<td>Bill</td>
<td>269579</td>
<td>987456</td>
</tr>
</table>

</body>
</html>

HTML 列表

列表包括无序列表，有序列表，自定义列表。

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

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

自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以<dl>标签开始。每个自定义列表项以<dt> 开始。每个自定义列表项的定义以<dd>开始。

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>笨鸟先飞</title>
</head>
<body>

<h4>编号列表：</h4>
<ol>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Lemons</li>
    <li>Oranges</li>
</ol>
</body>
</html>

HTML 表单

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容, 表单使用表单标签 <form> 来设置。
多数情况下被用到的表单标签是输入标签（<input>）。
输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：
1.文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。
2.密码字段通过标签<input type="password"> 来定义，密码字段字符不会明文显示，而是以星号或圆点替代。
3.<input type="radio"> 标签定义了表单单选框选项。
4.<input type="checkbox"> 定义了复选框.。用户需要从若干给定的选择中选取一个或若干选项。

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>笨鸟先飞</title>
</head>
<body>

<form>
<input type="radio">Male<br>
<input type="radio">Female
</form>
</body>
</html>

qingqing今天掉头发了吗

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端基础——HTML

这里写目录标题HTMLHTML简介HTML基础HTML元素HTML 标签参考HTML 图像HTML 表格HTMLHTML简介HTML 是用来描述网页的一种标记语言。标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。HTML基础HTML 文档（ web 页面）包含了HTML 标签及文本内容。HTML 标签是由尖括号包围的关键词，比如<b>。HTML 标签通常是成对出现的，比如<p>,</p>。标签对中的第一个标签是开始标
复制链接

扫一扫

专栏目录