html文档结构与布局元素图文链接的介绍

0113作业

HTML文档结构

<!– 表达文档类型为：html –><!DOCTYPE html><!– 文件起点，浏览器渲染根元素 –><!– lang表示当前页面的语言,en为英文 zh-CN代表中文 –><!– 根元素只有两个子元素,分别为head和body –><htmllang=“zh-CN”><!– 头元素内容利于seo优化–><head><!– 元标签,描述其他元素,他是一个单标签 –><!– UTF-8为当前页面字符集编码 –><metacharset=“UTF-8”/><!– 兼容模式,兼容IE浏览器 —轻创业网点我wcqh.cn><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”/><!– 视口设置用户可视化窗口 –><metaname=“viewport”content=“width=device-width, initial-scale=1.0”/><!– 页面标题 –><title>Document</title></head><!– 页面主体，用户可看内容 –><body></body></html>

布局元素的演示

<!– 布局元素为标签+class常用 –><!–布局元素也可以使用w3c优化的–><!–但是这样的内容会容易造成页面混乱，对轻创业网点我wcqh.cn用户和seo好点，但对开发者来说很容易分不清，但是也可以使用，看个人实际开发需求–><header>页头</header><main>内容</main><footer>页脚</footer><divclass=“zidingyi”>内容</div>

图文与链接的跳转及使用方法

<!– 图像与链接的显示方式 –><!– 这个是图片显示 –><imgsrc=“https://img.wcqh.cn/upload/aroundimg/000/000/001/63997a4d5d9fd596.png”alt=“”/><!– 链接跳转方式 –><ahref=“https://wcqh.cn“>点我轻创业网点我wcqh.cn跳转青狐资源网</a><!– 点击图片跳转到青狐资源网 –><ahref=“https://wcqh.cn“><imgsrc=“https://img.wcqh.cn/upload/aroundimg/000/000/001/63997a4d5d9fd596.png”alt=“”/></a>

批改老师：

PHPz 批改状态：合格老师批语：总结的不错，继续加油，下次提交时记得选择“作业”这一栏状态

作者最新博文

列表的调用及注意事项

2023-01-17 18:13:47

1.如需技术支持联系QQ：1339833655 2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！ 4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 6. 如有链接无法下载、失效或广告，请联系管理员处理！ 7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！ 8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！

THE END