每节5分钟的入门HTML+CSS教程 - 第1节-外链论坛

5ep9lzv 发表于 2024-6-29 14:38:52

每节5分钟的入门HTML+CSS教程 - 第1节

没论是刚才踏出校门的学生，还是正在自学UI设计的平面设计师们，代码始终都是艺术行业非常多新人的噩梦，只要一看一大堆符号和代码，就让人头疼不已，完全提不起学下去的勇气。不碍事，这篇教程便是写给郁闷的你的。
首要，让咱们对要学习的这门语言有一个基本印象。
所说HTML+CSS，便是用有些符号来标记一段话，而这些符号表率着区别的外观。
把这些话连带符号存成一个文件，这个文件就叫做网页，能够经过网址来打开。
当咱们打开网页时，浏览器会把这段话按符号注明的的样式表示出来。
Y总是个好同志。 
<标题> Y总是个好同志。

标题 {颜色:红色;} 上面这段代码，输出的结果便是红色的“Y总是个好同志”
这段代码里，已然完整的包括了全部HTML和CSS的语法和思想。搞懂上面这段代码，你就搞懂了HTML+CSS了。
在HTML中，标记由<>起始，</>结束。这个标记有两个功能，被叫作为标签：
第1，告诉电脑，这段内容属于什么类型。（又叫做语义，能够被搜索引擎和其他程序运用。）
第二，告诉电脑，从哪里起始应用符号注明的样式，到哪里结束。
HTML的英文全名叫做hyper text markup language，即超文本标记语言。

而标题 {颜色:红色;}这段，就叫做CSS。
它固定由一个名叫作，一个大括号，和大括号中的“形容词”构成。
其中标题叫做选取器，它直接连接HTML的标记（标签）。
颜色:红色；
{}是固定不变的，和: ;同样，都是固定格式，绝对不能够写错。
由于电脑其实是文盲。
是不是很简单？
HTML中有非常多标签，当然不是用中文写的，如：
段落用于标记正文，大串的文字。
标题<h>用于标记标题，有<h1><h2>…直至<h6>。
链接<a>用于标记超链接，便是点击后能够转网址。
列表<ul>用于标记列表，如导航列表。
列表元素<li>用于标记列表中的元素。
块元素<div> 亦便是页面中的方块。
最后咱们必须晓得的是，由于有时候咱们要给一段文字非常多样式，因此标签会互相包裹，极易看串看错。
因此经常会这般写：
<div>
 <ul>
 <li>导航1</li>
 <li>导航2</li>
 <li>导航3</li>
 </ul>
 <h>这儿是标题</h>
这儿是内容
 <a>返回主页</a>
</div>
这种写法叫做缩进，用对其的方式帮忙咱们不要弄错标签的成对关系。
好，第1节就到这儿，朋友们，下课！
对了，作业：
请拜访<a style="color: black;">http://w3school.com.cn</a>，自动认识以上几个标签的用法。
下节课见！

b1gc8v 发表于 2024-10-11 16:16:29

这篇文章真的让我受益匪浅，外链发布感谢分享！

1fy07h 发表于 2024-10-17 04:13:16

论坛是一个舞台，让我们在这里尽情的释放自己。

nykek5i 发表于 2024-10-19 20:05:52

你的话深深触动了我，仿佛说出了我心里的声音。

页: [1]

外链论坛's Archiver

每节5分钟的入门HTML+CSS教程 - 第1节