什么是HTMLHTML文档?HTML代码是由一个元素组成一个

一个元素由一个标签和一组属性组成注意:属性——以名称和值成对出现网页主要由三部分组成:结构()、表现()和行为()。结构化标准语言主要包括和XML表现标准语言主要包括CSS行为标准主要包括对象模型DOM、等练习:制作自己的第一个网页练习:制作出带图片的简单网页锚链接练习:使用超链接锚链接制作网页与其他行内元素并排不能设置宽高,默认的宽度就是文字的宽度

HTML

HTML 文档由 HTML 元素组成。一个元素由一个标签和一组属性组成。

注意:属性 – 与名称和值成对出现

浏览器通过标签来解释网页内容:浏览器(IDE)加载并读取HTML代码->解析每个标签->产生相应的效果

W3C 万维网联盟

W3C 标准不是一个单一的标准,而是一系列标准的集合。一个网页由三个主要部分组成:结构()、表示()和行为()。

相应的标准也分为三个方面

结构标准语言主要包括XML表示标准语言主要包括CSS行为标准主要包括对象模型DOM等。

这些标准大部分是由 W3C 起草和发布的,也有一些是其他标准组织制定的标准,例如 ECMA 标准。HTML基本结构

练习:制作自己的第一个网页

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">     <meta name = "java" content="好好学习天天向上">    <title>ZY的网页</title></head><body><p>    这是我的第一个网页</p></body></html>

基本标签标题标签段落标签换行标签横线标签字体样式标签特殊符号标签图片标签src:资源图片:图片的路径alt:图片加载失败,说明图片有问题,即图片描述:鼠标放在图片上时的悬停提示:宽度高度

练习:用图片制作一个简单的网页

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>庆余年</title></head><body><h1>庆余年</h1><br>&nbsp; &nbsp;&nbsp; &nbsp;<strong>中国大陆</strong>&nbsp; &nbsp;<em> 46</em>

链接锚文本_seo锚链接怎么做_内链锚文本链接怎么做

<hr> <img src="庆余年.jpg" alt="庆余年官方图" title="庆余年官方图" width="268" height="398"> <hr> <p> <strong>《庆余年》</strong>是由孙皓执导,张若昀、李沁、陈道明、吴刚、辛芷蕾、宋轶、郭麒麟等主演的古装剧 </p> <p> 该剧改编自猫腻的同名小说,讲述了一个有着神秘身世的少年,自海边小城初出茅庐,历经家族、江湖、庙堂的种种考验、锤炼的故事。 </p> <p> 该剧于20191126日在腾讯视频、爱奇艺首播 </p> </body> </html>

超链接href:跳转到地址:目标打开的窗口,在当前页面打开,或者在新页面中打开:在自己的窗口中打开:在新窗口中打开锚链接

练习:使用超链接锚链接制作网页

功能标签 – 邮件链接块元素和内联元素位于单独的一行,不能与任何其他元素并排放置。可接受的宽度和高度,如果没有设置宽度,宽度将默认为父级的 100%。它不能与其他内联元素并排设置。高度,默认宽度为文字宽度

练习:区分块元素和内联元素

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>块元素和行内元素</title></head><body>块元素——单独一行<p>我是段落标签</p><h1>我是一级标签</h1>行内元素——和其他元素在一行<br><strong>我是加粗字体</strong><em>我是斜体</em><a href="www.baodu.com">我是百度超链接</a></body></html>

免责声明:本文来自网络用户投稿,不代表本站观点和立场。如有侵权请发送邮件至tzanseo@163.com告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论