Java 学习笔记——HTML
文章目录
- 什么是HTML
- 1.网页基本信息
- 2.网页基本标签
- 3.图像标签
- 4.链接标签
- a标签
- 5.列表
- 6.表格
- 7.视频和音频
- 8.页面结构分析
- 9. iframe内联框架
- 10.表单
- 10.1表单语法
- 10.2表单元素格式
- 10.3 文本框和单选框
- 10.4按钮和多选框
- 10.5列表框文本域 和文件域
- 10.6 搜索框滑块和简单验证
- 10.7 表单的应用
- 10.8 表单初级验证
- 总结
什么是HTML
HTML:
-
Hyper Text Markup Language(超文本标记语言)
- Hyper Text(超文本) 包括:文字、图片、音频、视频、动画等
HTML优势:
- 世界知名浏览器厂商都对HTML5支持
- 微软
- Coogle
- 苹果
- Opera
- Mozilla
- 市场需求
- 自带跨平台性
W3C标准:
- W3c
- World Wide Web Consortium(万维网联盟)
- 成立于1994,Web技术领域最具权威和影响力的国际中立性技术标准技术机构
- http://www.w3.org/
- http://www.chinaw3c.org/
- W3C标准包括
- 结构化标准语言(HTML、XML)
- 表现标准语言(CSS)
- 行为标准(DOM、ECMAScript)
Title
1.网页基本信息
- DOCTYPE声明
- < title > 标签
- < meta >标签
许诺溪的第一个网页
全世界无产者联合起来!
2.网页基本标签
- 标题标签
- 段落标签
- 换行标签
- 水平线标签
- 字体样式标签
- 注释和特殊符号
基本标签
一级标题标签
二级标题标签
三级标题标签
四级标题标签
五级标题标签
六级标题标签
一个幽灵,共产主义的幽灵,在欧洲大陆徘徊。为了对这个幽灵进行神圣的围剿,旧欧洲的一切势力,教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察,都联合起来了。
有哪一个反对党不被它的当政的敌人骂为共产党呢?又有哪一个反对党不拿共产主义这个罪名去回敬更进步的反对党人和自己的反动敌人呢?
从这一事实中可以得出两个结论:
共产主义已经被欧洲的一切势力公认为一种势力;
现在是共产党人向全世界公开说明自己的观点、自己的目的、自己的意图并且拿党自己的宣言来反驳关于共产主义幽灵的神话的时候了。
为了这个目的,各国共产党人集会于伦敦,拟定了如下的宣言,用英文、法文、德文、意大利文、弗拉芒文和丹麦文公布于世。
一个幽灵,共产主义的幽灵,在欧洲大陆徘徊。为了对这个幽灵进行神圣的围剿,旧欧洲的一切势力,教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察,都联合起来了。
有哪一个反对党不被它的当政的敌人骂为共产党呢?又有哪一个反对党不拿共产主义这个罪名去回敬更进步的反对党人和自己的反动敌人呢?
从这一事实中可以得出两个结论:
共产主义已经被欧洲的一切势力公认为一种势力;
现在是共产党人向全世界公开说明自己的观点、自己的目的、自己的意图并且拿党自己的宣言来反驳关于共产主义幽灵的神话的时候了。
为了这个目的,各国共产党人集会于伦敦,拟定了如下的宣言,用英文、法文、德文、意大利文、弗拉芒文和丹麦文公布于世。
字体样式标签
粗体: 粗体
斜体:斜体
空 格:
空 格
大于小于号:
>
<
版权符号:©
© 版权所有:诺溪
3.图像标签
- 常见的图像格式:
- JPG
- PNG
- GIF
- BMP
4.链接标签
a标签
a href = "path"target="目标窗口位置">链接文本或图像
- 文本超链接
点击我跳转到页面
点击我跳转到百度
- 图像超链接
链接标签
顶部
点击我跳转到页面
点击我跳转到百度
回到顶部点击联系我
5.列表
列表
- Java
- Python
- 运维
- 前端
- C/c++
- Java
- Python
- 运维
- 前端
- C/c++
- 学科
- Java
- Python
- Linux
- C
- 位置
- 西安
- 重庆
- 郑州
6.表格
为什么使用表格
- 简单通用
- 结构稳定
基本结构
- 单元格
- 行
- 列
- 跨行
- 跨列
表格
1-1 1-2 1-3 1-4 2-1 3-1 3-2 3-3 3-4 4-1 4-2 4-3

7.视频和音频
视频元素
- video
音频元素
- audio
媒体元素
8.页面结构分析
| 元素名 | 描述 |
|---|---|
| header | 标题头部区域的内容(用于页面或页面中的一块区域) |
| footer | 标记脚部区域的内容(用于整个页面或页面) |
| section | Web页面中的一块独立区域 |
| article | 独立的文章内容 |
| aside | 相关内容或应用(常用于侧边栏) |
| nav | 导航类辅助内容 |
页面结构
网页头部
网页主体
9. iframe内联框架
b站上获得的嵌入代码
内联框架
点击跳转

10.表单
10.1表单语法
表单:登录&注册
注册

10.2表单元素格式
| 属性 | 说明 |
|---|---|
| type | 指定元素的类型。text、password、chaeckbox、radio、submit、reset、file、hidden、image和button,默认为text |
| name | 指定表单元素的名称 |
| value | 元素的初始值。type为radio时必须指定一个值 |
| size | 指定表单元素的初始宽度。当type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素为单位 |
| maxlength | type为text或password时,输入的最大字符数 |
| checked | type为radio或CheckBox时,指定按钮是否是被选中 |
10.3 文本框和单选框
表单:登录&注册
注册
10.4按钮和多选框
按钮和多选框
10.5列表框文本域 和文件域
列表框文本域和文件域
10.6 搜索框滑块和简单验证
搜索框滑块和简单验证
10.7 表单的应用
- 只读
readonly - 禁用
disabled - 默认
value=" 1234567890 " - 隐藏
hidden
10.8 表单初级验证
- 提示信息
placeholder= " " - 输入不可为空(非空判断)
required - 正则表达式
pattern
总结

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
