HTML基础知识总结:图像、媒体、链接与表单
需积分: 10 51 浏览量
更新于2024-07-24
收藏 39KB DOCX 举报
"html自己总结"
在HTML中,学习和理解这些基本元素对于构建网页至关重要。以下是一些关键知识点的详细解释:
1、插入图片、音频、视频
- `<img>` 标签用于插入图像,`src` 属性定义图像的URL,`alt` 提供替代文本,`title` 提供鼠标悬停时的提示。
- `<embed>` 用于插入如视频、音频等多媒体,可以设置多个属性来控制播放行为。
- `<video>` 是HTML5引入的新元素,支持直接内嵌视频文件,同样有多种属性控制播放。
2、href建立链接
- `href` 是`<a>`标签的属性,用于指定链接的目标URL,创建超级链接。
3、input标签的type属性
- `type` 属性定义了输入框的类型,如文本、密码、提交按钮等,如`type="text"`、`type="password"`、`type="submit"`。
4、Rel(关系)属性
- 在`<a>`或`<link>`标签中,`rel`定义了元素与目标资源的关系,如`rel="stylesheet"`用于链接样式表。
5、DIV
- `<div>` 是一个通用容器,用于组合其他HTML元素,通过CSS控制样式和布局。
6、ID(#)
- `id` 属性为元素提供唯一标识,常用于CSS选择器定位特定元素。
7、<input>的更多属性
- `checkbox` 用于创建复选框,`radio` 创建单选按钮。
- `button`、`submit` 和 `reset` 分别用于创建普通按钮、提交表单和重置表单。
8、text-decoration
- CSS属性,用于设置文本的装饰,如下划线、删除线等。
9、line-height
- CSS属性,定义了行间距,影响文本的垂直对齐和阅读体验。
10、border-radius
- CSS属性,用于设置元素边框的圆角,实现圆形或椭圆形元素。
11、关于不同浏览器的颜色设置
- 需要注意各浏览器对CSS样式的兼容性,可能需要使用浏览器前缀来确保跨浏览器一致性。
12、margin
- CSS属性,用于设置元素的外边距,影响元素间的空间。
13、<meta>
- 提供元数据信息,如字符编码、页面描述、关键词等,对SEO和页面渲染有直接影响。
14、frameset
- HTML4中用于创建多窗口布局,HTML5已不再推荐使用,被`<iframe>`替代。
15、form
- `<form>` 用于创建表单,收集用户输入并发送到服务器。
16、表格Table
- `<table>`、`<tr>`、`<td>`等标签用于创建数据表格。
17、链接
- `<a>` 标签用于创建超链接,通过`href`属性连接到其他页面或资源。
18、文字相关
- 包括字体、字号、颜色、行距等,可通过CSS控制。
19、序列
- `<ol>` 和 `<li>` 用于创建有序列表,`<ul>` 和 `<li>` 用于无序列表。
20、table的高级用法
- 如合并单元格、表格排序、响应式表格等。
了解并熟练掌握这些基本HTML元素和属性,将有助于构建功能丰富的网页,并能更好地进行页面布局和交互设计。同时,结合CSS和JavaScript,可以进一步提升网页的用户体验和功能表现。对于HTML的学习,实践是至关重要的,只有通过实际编写和调试代码,才能真正理解和掌握这些知识。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2008-11-04 上传
2009-02-23 上传
2011-02-19 上传
2013-01-21 上传
2020-09-08 上传
mydream5221
- 粉丝: 0
- 资源: 5
最新资源
- C语言数组操作:高度检查器编程实践
- 基于Swift开发的嘉定单车LBS iOS应用项目解析
- 钗头凤声乐表演的二度创作分析报告
- 分布式数据库特训营全套教程资料
- JavaScript开发者Robert Bindar的博客平台
- MATLAB投影寻踪代码教程及文件解压缩指南
- HTML5拖放实现的RPSLS游戏教程
- HT://Dig引擎接口,Ampoliros开源模块应用
- 全面探测服务器性能与PHP环境的iprober PHP探针v0.024
- 新版提醒应用v2:基于MongoDB的数据存储
- 《我的世界》东方大陆1.12.2材质包深度体验
- Hypercore Promisifier: JavaScript中的回调转换为Promise包装器
- 探索开源项目Artifice:Slyme脚本与技巧游戏
- Matlab机器人学习代码解析与笔记分享
- 查尔默斯大学计算物理作业HP2解析
- GitHub问题管理新工具:GIRA-crx插件介绍