Basic HTML & CSS for beginners (Build One Project)

所在平台: Udemy

课程主页: https://www.udemy.com/course/basic-html-and-css-for-beginners/

课程评论：没有评论

课程简介

**课程名称：** 大学生：HTML & CSS 入门（一个项目构建） **课程概述：** 本课程专为初学者设计，旨在帮助您从零开始学习HTML和CSS的基础知识。无需任何先修知识。 **HTML部分：** * **HTML的定义与重要性：** 了解HTML是什么以及为何它是必学的。 * **HTML文档结构：** 学习HTML文档是如何工作的。 * **HTML块级与行内元素：** 涵盖了标题（`

`到`

`）、格式化标签（如``, ``, ``, ``, ``, `_{`, `^{`, ``）、表单（HTML表单元素如``, ``, ``, `<label>`, `<select>`, `<option>`，以及各种input类型如`button`, `checkbox`, `color`, `date`, `datetime-local`, `email`, `file`, `hidden`, `image`, `month`, `number`, `password`, `radio`, `range`, `reset`）以及其他常用HTML元素（如`<a>`, `<img>`, `<li>`, `<ol>`, `<ul>`, `<div>`, `<span>`, `<p>`, `<table>`, `<td>`, `<tr>`, `<th>`）等。

CSS部分：

* CSS的定义与目的：学习CSS是什么，以及使用它的目的。
* CSS结构：了解CSS工作原理，包括规则集（或规则）、选择器、声明块、属性和属性值。

项目实践 - 构建Lander（静态着陆页）：

* 项目结构设置：学习如何组织HTML、CSS及图片文件到文件夹。
* HTML文档创建：从零开始创建HTML文档。
* 页面布局：学习如何创建页头（header）、主内容区（main content）、内容后区（after content）以及页脚（footer）。
* 页面样式设计：使用背景颜色、文本颜色、字体、背景图片和元素定位等技巧为所有区域添加样式。

课程成果：

完成本课程后，您将掌握扎实的HTML和CSS基础知识与技能，为开启您一直渴望的编程职业生涯奠定坚实的基础。

课程大纲：无</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>This course is designed to help beginners to learn the basics of HTML & CSS.No prior knowledge of HTML & CSS required. You will learn all that from scratch. In this course, about HTML you will learn:The definition of HTML and why it's a must learn.How a HTML document works (structure).About HTML Block Level & Inline Elements, such as:Headings (, , , , , )Formatting (, , , , , , , )Forms (Form Elements - , , , Input Types - button, checkbox, color, date, datetime-local, email, file, hidden , image, month, number, password, radio, range, reset Buttons)More HTML Elements (, , , , , , , , , , , , , , , )About CSS, you will learn the definition of it and what is the purpose of using it. You then, will learn how the CSS structure parts work, such as: Ruleset (or rule)SelectorDeclaration BlockPropertyProperty ValueTo put everything you've learned into practice, you'll build a project called Lander (static landing page). You'll learn how to setup the project structure. This includes: How to organize the HTML, CSS & Image files into foldersHow to create the HTML DocumentHow to create the header, main content, after content, and footer.How to style all sections using: background colors, text colors, fonts, background images & elements positioning.By the end of this course, you will have a complete knowledge and the required skills you need to be able to start your programming career that you've always wished for.</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>}}