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

相关推荐
坤坤子吖20 分钟前
C++继承:友元、静态成员、多继承与组合
开发语言·c++·笔记·学习·1024程序员节
Nuanyt1 小时前
Hot 100 刷题笔记 · 数组与哈希专题(3 题)
java·笔记·算法·leetcode·哈希算法·1024程序员节
破芽3 小时前
learn-claude-code-s08-s09-学习笔记
笔记·学习
星恒随风3 小时前
Linux网络编程基础(二):彻底理解局域网通信、MAC与IP地址、数据封装、端口号、网络字节序及Socket接口
linux·网络·笔记·学习·tcp/ip·1024程序员节
嘻嘻嘻3214 小时前
ICLR2025|MIM‑Refiner:利用预训练掩码图像建模中间表征提升对比学习
学习
星恒随风4 小时前
Linux线程同步与互斥:彻底理解读者写者问题、读写锁原理、读者优先与写者优先(附pthread完整实验)
linux·服务器·笔记·1024程序员节
Young Doro4 小时前
从 KSG 到 InfoAtlas:互信息估计完整学习册
学习
Be for thing4 小时前
PyCharm安装与PyTorch项目配置|Jupyter Notebook与PyCharm使用对比
pytorch·学习·1024程序员节
ljt27249606615 小时前
Vue笔记(十五)--自定义引用
笔记·1024程序员节
xieyan08115 小时前
笔记不只是仓库:让 AI 帮旧想法重新参与思考
人工智能·笔记