HTML 学习笔记(基础)

它是超文本标记语言,由一大堆约定俗成的标签组成,而其标签里一般又有一些属性值可以设置。

W3C标准:网页主要三大部分

  1. 结构:HTML
  2. 表现:CSS
  3. 行为:JavaScript
html 复制代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo</title>
</head>
<body>
    <h1>我是HTML!</h1>
</body>
</html>

(HTML5的例子)

HTML 基本认知:

  • 文件以 .htm 或 .html 为扩展名
  • 结构标签有:<HTML><head><title><body>
  • 标签名一般不区分大小写
  • 标签属性值用 单双引号 皆可
  • 语法松散

1.基础标签

(颜色设置,这个就不赘述了。网上一大堆)

2.多媒体标签(图片、音频、视频标签)

3.超链接标签

4.列表标签

5.表格标签

6.布局标签(块标签)

7.表单标签

表单项数据要想被提交/传输,则必须指定其 name 属性

| | get(默认值) | post |
| 参数位置 | 请求参数会拼接在 URL 后边 | 请求参数会在 http 请求协议的请求体中 |

参数长度 URL 的长度有限制(4KB) 处于请求体中,长度无限制
[method 的 get和post的区别]

8.表单项

H5网址分享(可以查询更多标签及用法!)

HTML Tutorialhttps://www.w3schools.com/html/

HTML 基础 - 学习 Web 开发 | MDN超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示,本文将对 HTML 及其功能做一个基本介绍。https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics

HTML 标签参考手册https://www.w3school.com.cn/tags/index.asp

相关推荐
别动我齐刘海7 小时前
C++ 工程化学习
java·linux·前端·c++·学习·机器学习·机器人
志尊宝8 小时前
Vue3 零基础每日笔记(071):暗黑模式与主题切换——CSS 变量 + Element Plus 暗黑方案
前端·css·笔记·vue·html·前端开发·软件开发
沪上企服通9 小时前
历史账套科目重映射与规则版本重算:旧账梳理的“口径复位”工程
笔记·架构
gjf05_0510 小时前
人该怎样活着呢?版本75.8
学习
li星野11 小时前
【学习记录】PCB与PCBA核心知识全解析:从设计到制造的关键细节
学习·制造
卿卿的产品经理日记12 小时前
【AI产品经理实战】Day 35|从“沉迷工具“到回归 AI 底层:Skill 收官、系统复盘与下一个 13 天
人工智能·学习·产品经理
一条泥憨鱼13 小时前
【从0开始学习计算机网络】| ARP 协议:地址解析,ARP 欺骗,链路层寻址
网络·后端·学习·计算机网络
HY小宝F13 小时前
树莓派智能摄像头系统 30 天重学计划之 Day 04 · HTTP / API:控制链入口 —— 学习总结
网络协议·学习·http
Go Work13 小时前
2026 Cadence SPB 24.1中文版安装图文详解(附安装包)
经验分享·笔记
ACP广源盛1392462567314 小时前
HDMI2.0 转 DP1.4 桥接方案评估:国产 GSV2125C@ACP 芯片选型笔记
笔记·硬件架构·hdmi·type-c·国产芯片