"学习HTML知识，打造品质网页"

需积分: 9 161 浏览量更新于2024-03-22 收藏 442KB PPT 举报

：#、$、! 等）4. 使用英文小写字母5. 建议使用下划线或连字符连接单词HTMLHTML 基本元素基本元素•标记（Tag）–通常成对出现，分为开始标记和结束标记，用 <> 包围。–实现一定功能，如加粗、插入图片等•属性（Attribute）–标记的附加信息，用于控制标记的行为，如设置字体大小、链接地址等。–写在开始标记内，格式为属性名=“属性值”•元素（Element）–开始标记、属性、内容和结束标记组成的整体，如 <h1>标题</h1>。–可以是单个标记，也可以包含其他元素。HTMLHTML 常用标记常用标记1. 标题标记–<h1>至<h6>，表示不同级别的标题2. 段落标记–<p>，表示段落3. 链接标记–<a href=“链接地址”>链接文本</a>，表示超链接4. 图像标记–<img src=“图片地址” alt=“描述文本”>，表示插入图片5. 列表标记–有序列表：<ol>，无序列表：<ul>6. 表格标记–<table>，<tr> 行，<td> 列，<th> 表头7. 表单标记–<form>，<input> 输入框，<textarea> 文本域，<select> 下拉框HTMLHTML 注释注释•–不会在浏览器中显示–通常用于标记代码的作用、提示等HTMLHTML 基本结构基本结构<!DOCTYPE html><html><head><title>网页标题</title></head><body></body></html>HTMLHTML 布局布局– 传统布局方式：表格布局– 现代布局方式：盒子模型（div+css）•盒子模型– 盒子包括内容区、内边距、边框、外边距– 通过 CSS 设置盒子的样式、位置并实现页面布局HTMLHTML 表单表单– 用于用户在网页中输入信息– 包含文本框、单选框、复选框、下拉框、提交按钮等元素– 通过表单控件和输入数据实现用户交互HTMLHTML 组合与嵌套组合与嵌套– 可以在一个标记中包含其他标记，形成混合元素– 嵌套：将一个元素放入另一个元素内部– 组合：将多个元素并列放置HTMLHTML CSSCSS（Cascading Style Sheets 层叠样式表）– 用于控制网页的样式和布局– 可以通过内联样式、内部样式表或外部样式表方式实现– 可以设置文字样式、背景样式、盒子模型样式等HTMLHTML JavaScriptJavaScript– 用于实现网页的动态效果和功能– 可以通过内联事件、内部脚本或外部脚本方式实现– 可以操作文档元素、实现表单验证、动态加载内容等HTMLHTML 超链接超链接– 用于在网页间或网页内建立链接关系– 可以跳转到其他网页、同一网页的不同位置、发送电子邮件等– 通过<a>标记和href属性实现HTMLHTML 图像图像– 用于在网页中展示图片– 通过<img>标记和src属性实现– 可以设置图片大小、对齐方式、替换文本等HTMLHTML 媒体媒体– 用于在网页中展示音频和视频– 可以通过<audio>和<video>标记和src属性实现– 支持不同格式的音视频文件HTMLHTML 实例代码实例代码<!DOCTYPE html><html><head><title>我的第一个网页</title></head><body><h1>欢迎访问我的网站</h1><p>这是一个段落。</p><a href=“http://www.baidu.com”>百度</a><img src=“图片地址” alt=“描述文本”></body></html>HTMLHTML 总结总结• HTML 是一种用于制作超文本文档的标记语言，主要用于网页的编写和展示。• HTML 包含基本元素、常用标记、注释、布局、表单、组合与嵌套、CSS、JavaScript、超链接、图像、媒体等内容。• 熟练掌握 HTML 可以实现网页的基本功能和效果，是前端开发的基础。• 要注意网页文件命名、元素的嵌套与组合、CSS 和 JavaScript 的引入等方面，确保网页的完整性和可靠性。HTMLHTML 第一讲第一讲到这里就结束了，希望大家通过学习能够对 HTML 有更深入的了解，为以后的学习和工作打下坚实的基础。如果有任何问题，请随时联系我们，谢谢！"

HTML

文件结构

•

元素：是 HTML 语言的基本部分。

元素总是成对出现，每一对元素一

般都有一个开始的标记（如 <body

> ），也有一个结束的标记（如 </

body> ）。元素的标记要用一对尖

括号括起来，并且结束的标记总是

在开始的标记前加一个斜杠。

剩余23页未读，继续阅读

qioushisan

粉丝: 2
资源: 10

"学习HTML知识，打造品质网页"

HTML5第一讲

HTML第四讲 主讲:吴涛 硅谷动力网络学院

html5+phonegap第一讲

在html+js 中怎么在第一个html页面中 点击标签后，通过onclick转跳到第二个html页面后，传递第一个html页面中的参数到第二个html页面。能写个demo举例吗

html截取字符串第一位

Android原生 HTML查找第一个标签的数据

html如何重定向到另一个html且url显示第一个html的

html第一个字加红

在上述基础上我想要从第一个html界面将图片路径也传到第二个html中该如何写

html tdtr中的第一个

最新资源

HTML第四讲主讲:吴涛硅谷动力网络学院

在html+js 中怎么在第一个html页面中点击标签后，通过onclick转跳到第二个html页面后，传递第一个html页面中的参数到第二个html页面。能写个demo举例吗