html红色星号怎么做_码农的插花艺术：HTML（一）

这是笔者学习html的过程中的小小心得和体会，由于笔者也是前端初学者，能力有限难免出错，恳请各位读者看到有错误的地方多多包涵，也欢迎各位在评论区积极讨论。

严格来讲html并不算一种“语言”。html的文档可以以txt的形式保存，当使用浏览器打开时便自动转化为一个网页。html以各种tag组成，在我看来，就如在一个花盆（文件）内插花。

html的语法总的来说是由标签组成，格式是<element name="value">，其中element规定了这个标签的类型，name是这个标签的属性名，value是属性值。如果一个标签有内容，会使用<> </>的格式

插花的基础是一个花篮，花瓶，抑或是花盆等载体。这就是头部的声明<!DOCTYPE html>和把整个html文件框起来的<html></html>。

然后我们在插花前要对载体预处理，包含在<head></head>里。其中最关键的是编码声明和标题，举例如下：

<head><meta charset="utf-8"><!-- 注释：这是编码说明 --><title>标题</title><!-- 这是文章标题 --><link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

当然也可以像例子中一样使用link标签链接外部样式表。样式表可以理解为为插花拍照的滤镜。后面会再提到。

然后我们要开始将各种花插到花瓶中，花瓶就是html文件的<body>tag。

<body><p>醛基的测试网页！</p>
</body>

<p></p>代表的是一个段落，而其他的tag可以去这个链接里面看看。

当然我们并不止步于普通的黑白文字，我们可以对一个对象元素做处理，比如：

<p style="color:red">我是红色！
</p>

如果要对一类元素进行处理，可以使用class属性和样式表

<body><h1 class="redcolor">我是红色！</h1><p class="redcolor">我也是红色！</p>
</body>
<style>.redcolor{"color:red"}
</style>

如果对单个元素进行处理，也可以用id属性，在书写样式表的时候也要加以处理，如：

<body><h1 id="redcolor">我是红色！</h1>
</body>
<style>#redcolor{"color:red"}
</style>

这一部分要是进行深入的学习，就要涉及到css的知识。但是如果不对css也进行学习，单纯用html写出来的东西非常简陋。就像插花也不是一把大剪刀把花掰扯下来堆一起就好了的，优秀的插花工人会对花进行修饰润色。

css能做的不仅仅是静态的展示，也可以做到一很多动态的展现。但是如果说要在网页上进行较强的交互，就需要javascript脚本等其他工具的帮助。此时不单单是简单的插花了，花瓶中有蝴蝶蜜蜂飞舞。当然笔者自己也还没对此深入了解过，也希望在下一篇文章中能与大家分享有关的知识~

html红色星号怎么做_码农的插花艺术：HTML（一）相关推荐

我在神策做研发 | 码农变身“建筑师”：安逸中离走，责任中成长
码农变身"建筑师" 来了神策之后,我才真正喜欢上开发 2018 年,Jason 选择从诺基亚离职.人一旦在安逸.悠闲的环境中呆久了就会丧失一些热情,例如对生活的热情.对工作的斗 ...
【DBA100人】Payso张耀辉：学材料专业出身的他转身做了“码农”
编者按: 人生很多事情并不是刻意规划出来的,而是一步一步走出来的.一个原本该穿着白大褂.出入实验室的技术员变成了身穿格子衫.出入写字楼的"码农",张耀辉是如何完成这一职业角色转变的 ...
加密和解密盐的使用_码农吐糟面试官：居然问我md5是对称加密还是非对称，故意的吧？...
说起密码一词,好多人都不陌生,不论是技术人员还是非技术人员都有接触,对于一般的用户来说,他们眼中的密码无非就是登录时的那个*标记的字符串而已,对于技术人员来说,提起密码可能能想到很多,比如加密算法,可 ...
【程序人生】不想一辈子做底层码农？快来看看这十条箴言
文章目录一表人材二套西装(在什么场合穿什么衣服) 三杯酒量(互动的原则) 四圈麻将(现代社交活动) 五方交游:五方(东南西北中) 六出祈山(运作的技巧) 七术打马(诚心的赞美别人) 八口吹牛九分 ...
面试项目亮点_码农：面试被问到自己项目亮点时，感觉自己的回答虚伪的不行！...
据我个人观察,大多数程序员都对自己现有的项目有吐糟的习惯,比如吐糟代码逻辑混乱,代码规范问题,代码可读性差,代码没有注释,没有文档,代码极度冗余等等,总之满眼看到的都是一些缺陷,很少有人对自己的项目有 ...
做前端码农没有技术含量？
大家好,我叫晓明,现在是一家外企的前端工程师,年薪在前端这个领域也算中等偏上.作为一名入行已经五年的 Web 前端工程师,今天想分享一些有用的攻略,对我刚工作的前两年影响非常大,也希望可以帮助大家飞速 ...
压缩过的js代码怎么还原_码农晒出一段代码：500行代码没有一字注释，这种情况怎么应对？...
对于程序员经常提到的"代码",从某种程度上来讲就算是机器码,因为这个东西机器很擅长读,不论写的怎么乱,怎么压缩混淆,在机器看来都是一样的,而人就不一样了,哪怕是能力再强的程序员,代 ...
做为码农，应该被熟知和关注的技术站点，再也不用担心技术漏洞
技术手册 Python初级手册 Python进阶手册 Python2手册 Python3手册 HTML手册 CSS手册 CSS3手册 HTML5手册 Boostrap4手册 Boostrap3手册 B ...
python类相关的研究生专业-为什么很多大学生甚至研究生抛弃专业去做码农呢？...
看到这个问题,忍不住想回答一下,我就是一个你眼中的研究生毕业抛弃专业来做码农的人. 想结合一下亲身经历从三个方面来说一下自己对这个问题的看法.我为何要「抛弃」自己的专业我真的「抛弃」了以前的知识吗 ...

html红色星号怎么做_码农的插花艺术：HTML（一）

html红色星号怎么做_码农的插花艺术：HTML（一）相关推荐

最新文章

热门文章