文章目录
HTML入门
一、HTML概述
1、概述
2、入门示例
3、书写规范
二、HTML标签
1、正文标题 ` 至
`
2、水平线 `
`
3、换行 `
`
4、段落 ` `
5、超链接 ``
6、图片 ``
7、列表 `` 和 `
`
8、区块 ` 9、字符实体 三、HTML表格 1、基本表格 2、表格合并 3、案例：学生成绩表 四、HTML表单 HTML入门 一、HTML概述 1、概述 HTML（HyperText Markup Language）超文本标记语言，用于搭建基础网页 超文本：超出文本的范畴，不仅具有普通文本的特性，同时还可以加入图片、视频、超链接等内容。 标记：即标签，定义好的标签有不同的功能和效果。例如： 语言：人与计算机沟通桥梁。 HTML 的语法规范是 由 万维网联盟 W3C（World Wide Web Consortium ）制定的。 2、入门示例 hello world 3、书写规范 1. 文档声明 必须在第一行，固定格式 2. 标签 正确嵌套，正确闭合 1）双标签：<标签> 2）单标签：<标签/> 3. 元素 开始标签（start tag）到 结束标签（end tag）的内容 <标签>元素 4. 属性 属性是 HTML 元素提供的附加信息，如宽度，高度，样式等等。 一般描述于开始标签，总是以键值对的形式出现。 <标签 属性名="属性值"> 5. 注释 二、HTML标签 1、正文标题 h : header 标题 2、水平线 hr : horizontal 水平线 内容一 内容二 3、换行 br : break line 换行 1 窗前明月光 疑是地上霜 举头望明月 低头思故乡 4、段落 p : paragraph 段落 (段间距比行间距来的大) 1 在这个细雨绵绵的五一假期，武功山蒙上了一层神秘的面纱。本来预计踏上这座历史悠久的圣地，可以感受一番清凉宜人的山间气息，却不料遭遇了一场突如其来的大雨。雨水滴答在山间青石上，仿佛是天地间最动听的交响乐，而游客们却陷入了困境之中。 武功山，这座历史悠久的道教圣地，以其险峻的山势和秀美的自然景观而闻名于世。然而，在这个五一假期，武功山却变得格外拥挤。或许是因为长假的到来，或许是因为人们对大自然的渴望，总之，山间涌入了大量的游客，仿佛是一场人潮的洪流。 a anchor (锚) 超链接 href hypertext reference 超文本链接 下面还有两个 「回到顶部」，点击后都会跳转到网页的顶部 6、图片 7、列表 快捷键：父标签>子标签*n + tab自动补全 1 8、区块 标签 描述 div 定义了文档的区域，块级（block-level） span 用来组合文档中的行内元素， 内联元素（inline） span span 9、字符实体 HTML 中的 预留字符 必须被替换为 字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。 例如：小于号（<）和大于号（>）会被浏览器误认为是标签，因此必须用 字符实体 表示 注意：实体名称对大小写敏感！ 英文空格 ?中文空格 小于号 < 大于号 > 双引号 " 单引号 ' 与号 & 乘号 × 除号 ÷ 版权 ? 商标 ? 三、HTML表格 1、基本表格 属性说明： border 边框 cellspacing 单元格和单元格之间的距离 cellpadding 单元格的边框和内容之间的距离 width 宽度 align center 居中 bgcolor 背景色 (background color) 2、表格合并 3、案例：学生成绩表 四、HTML表单 表单的作用：收集用户数据，提交到服务器 form主标签：指定 提交的地址 和 提交的方式 input子标签：表单输入、提交、重置 select子标签：下拉框 textarea子标签：文本域 下面通过一个案例看一下常用的标签形式： 当品牌跳出固有框架，以跨界联动、场景创新叩击年轻群体的兴趣点，一场关于如何在迭代中保持鲜活的探索正在展开，既藏着破圈的巧思，也映照着与新一代对话的密码。在创建AI智能体时，我们会调用插件或大模型，而在... C#13对模式匹配的增强让复杂数据处理代码更简洁，但递归模式与属性模式的性能差异一直是开发者关注的焦点。在实际项目中，选择合适的模式不仅影响代码可读性，还可能导致执行效率的显著差异。本文结合真实测试... 上一节，我介绍了VBA内置函数以及如何自动打字和自动保存文件。这一节，我们来了解一下Excel常用对象。Excel常用对象Excel有很多对象，其中最常用也最重要的包括以下3个：1.Workbo... 属龙的人总在自信爆棚和自讨苦吃之间反复横跳？看完这届龙宝宝的日常我悟了。属龙的人好像天生自带矛盾体：领导力超强可人缘时好时坏，工作雷厉风行却总在爱情里翻车。关键年份的龙性格差异更大——76年龙靠谱但不... 属性是仓颉颉中一种强大的机制，它允许你封装对类（或接口interface、结构体struct、枚举enum、扩展extend）内部状态的访问。它看起来像一个普通的成员变量（字段），但在其背后，它通过... 一、基础入门：认识类和对象1.类和对象的概念在Python中，类（class）是一种抽象的概念，用于定义对象的属性和行为，而对象（也称为实例）则是类的具体表现。比如，“汽车”可以是一个类，它有... 如果你刚接触VBA（VisualBasicforApplications），可能会被“对象”“属性”“方法”这些术语搞得一头雾水。但事实上，这三个概念是VBA编程的基石。只要理解它们之间的关系，... 点击左上方关注获取更多精彩推文目录2019年度编推35篇(1V1)《悖论》作者：流苏.txt(1V1)《桂花蒸》作者：大姑娘浪.txt(1V1)《豪门浪女》作者：奚行.txt... 90%的Python程序员不知道，函数参数传递中可变对象的修改竟会导致意想不到的副作用！一、参数传递的本质：对象引用传递在Python中，所有参数传递都是对象引用的传递。这意味着函数调用时传递的不是对... 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。TC39第... 这些JavaScript库可能不会在社交媒体或HackerNews上流行起来，但它们会显著提高您的工作效率和代码质量。JavaScript不再只是框架。虽然React、Vue和Sv... 一、函数的参数1.形参:o定义：在函数定义时，声明在函数名后面括号中的变量。o作用：它们是函数内部的占位符变量，用于接收函数被调用时传入的实际值。o生命周期：在函数被调用时创建，在函数执... MBTI性格测试火了这么久，你还不知道自己是哪一型？有人拿它当社交话题，有人拿它分析老板性格，还有人干脆当成择偶参考表。不废话，今天我一次性给你整理全部16种MBTI人格类型！看完你不仅能知道自己是谁... 在现代Web开发中，性能优化已成为前端工程师必须掌握的核心技能之一。本文从URL输入到页面加载完成的全过程出发，深入分析了HTTP协议的演进、域名解析、代码层面性能优化以及编译与渲染的最佳实践。通过节... CSP-J/S组初赛模拟赛爱思创，专注信奥教育19年，2022年CSP-J/S组赛事指定考点，特邀NOIP教练，开启全真实CSP-J/S组线上初赛模拟大赛！一、比赛对象：2024年备考CSP-J/S初... 至
我是标题1 h1
我是标题2 h2
我是标题3 h3
我是标题4 h4
我是标题5 h5
我是标题6 h6
和
奖牌榜
渣男榜
姓名 年龄 身高 体重 张三 18 180 180 李四 19 170 170 王五 20 160 160 11 12 13 22 23 24 31 32 33 34 41 42 43 44 编号 姓名 性别 成绩 101 潘金莲 女 100 102 武大郎 男 90 103 西门庆 男 总成绩 280 相关推荐