HTML基础知识总结:图像、媒体、链接与表单

需积分: 10 0 下载量 164 浏览量 更新于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的学习,实践是至关重要的,只有通过实际编写和调试代码,才能真正理解和掌握这些知识。