【HACK】第一阶段 HTML基础

本文详细介绍了HTML语言的基础知识,包括HTML的文档结构、常用标签及其属性,如<html>、<head>、<body>、<p>、<br>、<img>、<table>等,以及如何使用特殊字符和创建超链接。

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

概述

HTML语言是一种标签语言,无需编译,可以直接有浏览器执行,在标准网页设计中HTML负责填充网页的内容,HTML编写的超文本文档称为HTML文档,它包含了一些HTML元素。

HTML文档结构

HTML标签

  • 标签都封装在一对尖括号“<>”之中
  • 标签只改变网页的显示方式,本身不会显示在窗口
  • 标签是文档标识符,它是成对出现的,位于文档首部,位于文档尾部,该标签不带任何属性
<html>
<head>
	<title>html</title>
</head>
<body>
This is body!
</body>
</html>
主体标签< body>
  • 是HTML文档的主体部分,可以包含< table>、< font>、< img>、< div>等标签
  • 基本属性
    在这里插入图片描述
特殊字符
  • 输出<…>时必须输入&It;
  • 输出空格时必须输入&nbsp;
&It;123&It;   ----》   <123>
段落标签< p>

在这里插入图片描述

换行标签< br>

在这里插入图片描述

预格式化标签< pre>

在这里插入图片描述

列表标签

在这里插入图片描述

字体修饰标签

在这里插入图片描述

字体属性标签

在这里插入图片描述

HTML超链接标签

在这里插入图片描述

  • 属性href
    在这里插入图片描述
  • 属性target
    在这里插入图片描述
  • 属性 name
    在这里插入图片描述
  • 链接到邮箱地址
    在这里插入图片描述
图片标签< img>
  • 属性 src = 源地址
  • 属性 alt = 显示图片的替换文本
  • 属性 height 和 width
  • 属性 align = 对齐方式(left/right/center)
  • 属性 border = 0 边框大小
表格标签< table>
  • 行标签
    在这里插入图片描述

  • 列表标签
    在这里插入图片描述

  • 表头标签
    在这里插入图片描述

  • 属性 border = 0 边框

框架标签< frameset>

在这里插入图片描述

表单标签< form>
  • 属性action
  • 属性method = GET/POST/REQUEST
  • 属性target
    在这里插入图片描述
用户输入区域标签< input type="">

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值