边住院边学编程--HTML(一)

cheva(73)
Published in
#cn
Words
1189
Reading
6 min
Listen
Play
7y

一、今日情况

今天是医院大查房的日子,皮肤科的大教授亲自来了,我把病理检查报告拿给他看,把自己的情况也和他说了,大教授说:“这个只要切干净了就不要紧,等伤口愈合了,去肿瘤科看吧。”旁边收我入院的教授接着说“你先不着急,已经联系外科了,下午那边的教授会过来会诊。”然后今天的治疗项目还是和昨天一样,湿敷、打消炎针。今天伤口倒是好很多,不那么红肿了。

二、为什么学HTML语言

HTML 语言是超文本标记语言,所有的网页都是用HTML 语言编写的,在网络时代,学编程不懂HTML语言怎么行?另外HTML只是一种标记语言,不涉及逻辑算法,还是很简单的。

三、学习app--learn HTML

也是在google play 上下载的,看用户打分有4. 7分,很高了。软件把HTML语言的知识分解成了很多知识点,每个知识点都有一小篇附有实例的讲解短文,最多十分钟可以看完。然后后边会有一个3-5个选择题的小测验,考察对知识点的掌握。

四、学习笔记

  • HTML 网页分为很多元素(element) ,元素的名称一般写在<>里叫标记,最大的两个元素就是head 和body head元素里面可以放title元素,title元素的内容就会显示在浏览器的标题栏上,注意不是网页正文,当然head 元素里面还可以放其它元素,后面涉及到再说。body元素。body元素就是网页的正文部分了。
  • 标题元素H 分为H1到H6,数字越大,显示的文字越小。标题元素用来标记文章结构,有利于搜索引擎索引,所以不要把它当做设置字号大小的工具。steemit 好像部分支持HTML语言,我们可以看看下面的效果。

    我是大标题


    我是小标题

<H1>我是大标题</H1>
<H4>我是小标题</H4>
  • 图片元素img,图片元素是一个空元素,不像上面的标题元素要被两个尖括号<>包围,只要一个尖括号就行了,在这一个尖括号中设置属性src来指明图片来源。示例代码:
<img src="https://bit.ly/codeNGo-beaver" alt="beaver's picture">

像img 这样的空元素还有br换行元素,hr水平分段元素(在网页中显示一条水平横线)等等。

  • 分块元素div 并不在网页中显示,主要用途是组织代码,把许多小元素包含在一起。还有就是方便风格设置。还有一些元素比如nav 、footer等,其实功能和div是一样的,不过使用这种带有语意的标记会方便搜索引擎检索。还有div元素总是会另起一行,术语叫块级元素(block level) 上面提到的hr元素也是块级的。
  • 段落元素p和局部修饰元素span。段落元素就是把文字分成段落,每个段落元素都会另起一行。但是只想局部局部修饰文字,不另起段落的话就可以使用span 元素将修饰元素包在里面。这样就不会另起一行。
  • style 风格元素,这个元素的作用就是改变网页的默认风格(白底黑字)变得丰富多彩。style元素有两种用法,一个是作为独立元素带尖括号,这个时候要放到head元素里面,如果在body元素里面使用就要当成其它元素的一个属性,比如:
<p style="color:red">I'm a red paragraph! </>

这个意思把这个段落的文字变成红色。很可惜steemit 对HTML支持有限看不到是红色的字。

  • 链接元素,网页中链接元素也用的非常多。不过这个元素的名字是a,取自单词anchor,不是想象中的和单词link有关。用法如下,链接目标通过href属性设置。取hyper reference之意:
<a href="www.steemcn.org">steemcn</a>

steemcn这个语句steemit 支持,可以看看效果。

  • 文本格式元素,这个比较简单,我就简单罗列一下:u 加下划线、b 加粗体、i加斜体、s 中划线、mark马克笔效果。

参考资料:

  • learn HTML app中的教程。
边住院边学编程--HTML(一) | Ecency