Web Development Wizardry: HTML & CSS Course for Beginners.

所在平台: Udemy

课程主页: https://www.udemy.com/course/html-and-css-2-in-1-course-from-zero-for-beginners-2022/

课程评论：没有评论

课程简介

**课程名称：** Web Development Wizardry: HTML & CSS Course for Beginners (网页开发魔法：HTML与CSS入门课程) **课程概述：** 超过26,000名学生已报名参加此2合1的HTML与CSS入门课程。无需任何编程经验，“从零开始”，课程将涵盖最基础的内容，包括代码编辑器的设置和重要的快捷键。课程会定期更新。 **学习内容：** * **代码编辑器设置与快捷键：** 学习如何安装和配置代码编辑器，以及掌握提高效率的常用快捷键。 * **HTML基础：** * HTML主要结构 * ``、``、`` 标签 * 文本格式化（加粗、斜体等） * 插入视频、音频 * 插入图片（通过链接或本地设备） * 创建链接 * 下划线和引用文本 * 列表（有序列表、无序列表） * 注释 * HTML布局 * 表单 (`<form>`) * 内嵌框架 (`<iframe>`) * 缩略语 (`<abbr>`) 和定义 (`<dfn>`) * 输入框类型（文本、邮件、密码、按钮等） * 表格 (`<table>`) * 属性 * 网站图标 (`<link rel="icon">`) * 表情符号 * 标题 (`<h1>` to `<h6>`) * `<span>` 标签 * `<div>` 标签 * 换行符 (`<br>`) * 单选按钮 (`<input type="radio">`) * 字段集 (`<fieldset>`) 和详情 (`<details>`) * 外边距 (`margin`)、内边距 (`padding`)、边框 (`border`) * 数据列表 (`<datalist>`) 和选项 (`<option>`) * 块级元素 (`block`) 和行内元素 (`inline`) * 响应式设计基础 * 其他HTML标签 * **CSS基础：** * CSS语法 * 选择器 * 优先级 * 单位（px, em, rem, % 等） * CSS注释 * 列表属性 * 盒子模型 (`box model`) 属性（`margin`, `padding`, `border`） * 分组与嵌套 * 溢出 (`overflow`) * 层叠顺序 (`z-index`) * 轮廓 (`outline`) * 鼠标样式 (`cursor`) * 伪类 (`pseudo-classes`) * CSS颜色 * 媒体查询 (`@media`) * 属性选择器 * 背景 (`background`) 属性 * 字体 (`font`) 属性 * 文本样式 (`text styling`) * 宽度 (`width`) 和高度 (`height`) * 定位 (`position`) * 显示 (`display`) * 浮动 (`float`) * :hover 和 :active 状态 * 登录页面示例 * **最终目标：** 课程结束后，您将能够独立制作自己的网站。 **课程特色：** 强调实践，从零开始，内容全面，定期更新。</p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <h4>课程评论(0条)</h4> <article id="vote"> </article> </div> <div span4> <h4>课程详情</h4><p>MORE THAN 26,000 STUDENTS ENROLLED IN THIS COURSEHTML and CSS (2 in 1 ) COURSE FROM ZERO FOR BEGINNERS 2022. no need for any programming experti.this course is from zero.this course will start from the most basic things like setup the code editor, and important shortcuts.the course will be updated from time to another time. this course is about HTML and CSS.what you will learn in this course:You will learn how to set up your code editor.You Learn important shortcuts.HTML tags and higher things:the main HTML structure.head and meta and title.text formats.insert video.insert audio.insert an image by link or from your device.how to create a link.underlined and quoted text.lists.comments.HTML layout.form.iframe.abbr and dfn.form.input types (text, email, password, button, etc.)table.attributes.favicon.emojis.headings.span tag.div tag.br tag.radio input.Fieldset and details.margin, padding, border.datalist and option.block and inline elements.responsive.other tags.CSS:CSS syntax.selectors.priorities.units.CSS comments.lists properties.box model properties.grouping.nesting.overflow.z-index.outline.curser.pseudo-classes.colors on CSS.media.attributes.background.font properties. text Styling.padding, border, margin.width and height.position. display.float.hover and active.log in page.you can make your website at the end of the course.</p> <h4>课程标签</h4> </p> <h4>0人关注该课程</h4> <p></p> <h4>主题相关的课程</h4> </div> </div> </div> </div> <div style="height:30px"></div> <footer> <p align="center">关注我们 <a href="http://weibo.com/kechengtupu">课程图谱微博</a> <a href="http://blog.coursegraph.com">课程图谱公众号</a></p> <p align="center"><img class="wp-image-85 size-medium" src="https://blog.coursegraph.com/wp-content/uploads/2023/11/%E8%AF%BE%E7%A8%8B%E5%9B%BE%E8%B0%B1%E4%BA%8C%E7%BB%B4%E7%A0%81-1.jpg" alt="课程图谱" width="300" height="300"></p> <p align="center">@ 2013 ~ 2025 <a href="http://coursegraph.com">课程图谱</a> 京ICP备13015120号</p> </footer> </div>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//piwik.52nlp.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  </body> </html>