HTML技术

最新推荐文章于 2025-05-21 14:08:49 发布

原创最新推荐文章于 2025-05-21 14:08:49 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

Java 同时被 2 个专栏收录

10 篇文章

订阅专栏

JavaWeb

1 篇文章

订阅专栏

本文详细介绍了HTML的基本概念和技术，包括HTML的常见标记、文本控制、文本样式、图像、表格、表单、列表、超链接以及<div>标记的使用，是学习前端开发的基础。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.1HTML技术

1.1.1HTML简介

HTML（Hyper Text Markup Language）为“超文本标记语言”，通过HTML标记对网页中的文本、图片、声音等内容进行描述。后缀名为“.html”或者“.htm”。

1.<!DOCTYPE>标记

位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范。

2.<html>标记

位于<!DOCTYPE>标记之后，根标记，用于告知浏览器其自身是一个HTML文档。

3.<head>标记

定义HTML文档的头部信息，也称为头部标记。

4.<body>标记

定义HTML文档所要显示的内容，也称为主体标记。

1.1.2单标记和双标记

1.单标记

也称为空标记，格式如下：

<标记名 />

例如：<br />

2.双标记

也称为体标记，格式如下：

<标记名>内容</标记名>

例如：<html></html>

1.1.3文本控制和文本样式标记

1.段落标记<p></p>和换行标记<br />

2.文本样式标记，格式如下：

<font 属性 = "属性值">文本内容</front>

1.1.4图像标记

用于显示图像，格式如下：

<img src"图像URL" />

1.1.5表格标记

创建表格的基本标记包括：

<table></table>定义一个表格

<tr></tr>定义表格中的行

<td></td>定义表格中的单元格

基本语法格式如下：

<table>
    <tr>
        <td>单元格内的文字</td>
    </tr>
</table>

1.1.6表单标记

表单是在网页上输入信息的区域，他的主要功能是收集数据信息，并将这些信息传递给后台信息处理模块。

表单包括：表单控件、提示信息、表单域。

1.创建表单

<form>标记用于定义表单域，即创建一个表单，基本语法如下所示：

<form action="url地址" method="提交方式" name="表单名称">
    各种表单控件
</form>

2.表单控件<input>

<input type="控件类型" />

<fieldset></fieldset>用于将表单元素分组，<legend></legend>定义<fieldset>的标题。

3.注释：

<!--注释内容-->

1.1.7列表标记和超链接标记

1.无序列表<ul>

<ul>
    <li>默认实心圆</li>
    <li type="dics">实心圆</li>
    <li type="square">方块</li>
    <li type="circle">圆圈</li>
</ul>

2.有序列表<ol>

<ol>
  <li type="">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

type取值：1、A、a、I、i。

3.超链接标记

基本语法格式：

<a href="跳转目标" target="弹出方式">文本或图像</a>

target取值：_self（默认）、_blank、_parent、_top。

1.1.8<div>标记

Division的缩写，意为“分割、区域”。简单而言就是一个区块容器标记，可以将网页分割成独立不同的部分，以实现网页的规划和布局。