HTML页面的基本构成

HTML

Web 开发者指南：https://developer.mozilla.org/zh-CN/docs/Web

HTML 结构

<!– DOCTYPE文档类型结构是html–><!DOCTYPE html><!– 根元素html标签 lang语言 zh-CN 中文 en英文–><htmllang=“zh-CN”><!– html 根元素只有两个子元素 head,body –><!– 页面编码 –><metacharset=“UTF-8”/><!– 兼容模式 –><metahttp-equiv=“X-UA-Compatible”content=“IE搭建项目系统点我wcqh.cn=edge”/><!– 可视窗口设置 –><metaname=“viewport”content=“width=device-width, initial-scale=1.0”/><!– 页面标题 –><title>标题</title></html> 1. 元素：demo 2. 标签 <div> 3. 属性 class id style 通用属性浏览器内置样式<divclass=“box”id=“box”style=“color: darkblue;“>demo</div></div>

布局元素

<!– 使用主流写法 div + class–><divclass=“header”>页眉</di搭建项目系统点我wcqh.cnv><divclass=“main”>主体</div><divclass=“footer”>页脚</div>

图文语义化

<figure><!– 图文 –><imgsrc=“https://img.wcqh.cn/upload/aroundimg/000/000/001/62fdcfb67b3b8383.png”alt=“”/><!– 标题 –><figcaption>大前端开发课程</figcaption></figure>

图像,链接与列表元素

<!– 图像 –><imgsrc=“https://img.wcqh.cn/upload/aroundimg/000/000/001/62fdcf搭建项目系统点我wcqh.cnb67b3b8383.png”alt=“”/><!– 链接 –><!– 可以是文字图片按钮等等… _blank:新窗口 –><atarget=“_blank”href=“https://baidu.com”>百度一下</a><!– 列表 –><!– ul: 无序列表比较常用–><ul><li>1</li><li>2</li><li>3</li></ul><!– 有序列表 –><ol><li>1</li><li>2</li><li>3</li></ol><!– 自定义列表多级菜单，友情链接，关于我们信息–><dl><dt>标题</dt><dd>文字</dd></d搭建项目系统点我wcqh.cnl>

批改老师：

PHPz 批改状态：合格老师批语：完成的很好，继续加油

作者最新博文

jq delay() 延迟动画

2018-04-18 22:25:49

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

THE END