web ⑤:Write web pages in HTML (Review) #回来要看哪

本篇文章学习的主要内容是:
web ⑤:Write web pages in HTML (Review) #回来要看哪_第1张图片

一、

先学习HTML “表格”

学习具体内容之前,我们还是先复习一些关键词

table   表格,(桌子)

list   列表,()单,(成绩)单。

order   排序,(订购)
ol     ordered list
ul     unordered list
li     list item  ?

item   项,条目。

caption   (表格,大)标题。
heading   (表格)标题()。
row   行。
column(col)   列。
grade   成绩,等级。

define   定义
dl           l:list

例如,如果要用HTML制作下图所示的表格

web ⑤:Write web pages in HTML (Review) #回来要看哪_第2张图片

那么,与之相对应的HTML文档内容如下所示,大家可以对照、学习、体会

web ⑤:Write web pages in HTML (Review) #回来要看哪_第3张图片

二、

接下来,我们学习 “列表” (list)

看下图。图中,左侧是HTML右侧是用浏览器打开之后的效果:
web ⑤:Write web pages in HTML (Review) #回来要看哪_第4张图片

体会上图,从而学会如何制作:有序列表(ol)无序列表(ul)“定义” 列表(dl)

与 “列表” 有关的 “属性”

web ⑤:Write web pages in HTML (Review) #回来要看哪_第5张图片
关于列表的“属性,可以“亲自试一试”并观察效果。

三、

练习
写一个完整的HTML文档,其中至少包含一个表格和一个列表

一会儿我来更新我自己的练习~
稍等。。。

刚刚想了一会儿,emmm要不,我就做一个独属于我的课程表叭~~
来来来~




nice-looking table

"http://img2.3lian.com/2014/f5/172/d/40.jpg">

"center">Xiao's timetable

"center" border="1" width="60%" bgcolor="#e9faff" cellpadding="2"> "center"> "center"> "center"> "center"> "center"> "center">
课程表
"2">日期\时间 Monday Tuesday Wednesday Thursday Friday
"2">上午 8:00-9:30 Web程序设计 中国近现代史 高等数学A-2 高等数学A-2 (单周)高等数学A-2
(双周)离散数学"
10:00-11:30 离散数学 英语  ; (双周)模拟电子技术 英语
"7"> ;
"3">下午 13:30-15:00 体育 算法与程序设计 大学生职业生涯规划 面向对象程序设计 模拟电子技术
15:30-17:00  ; (双周)面向对象程序设计  ;  ; (双周)中国近现代史
17:30-19:00  ; 计算机新技术讲座  ;  ;  ;

"font-family:arial;color:#E8E8FF;text-align:center;">为了缓解一下看到课表的xiao的心情,也给刚刚得知上学期不开学的自己听一首歌,emmm这里可以欣赏音乐:你曾是少年(S.H.E)

"https://music.163.com/#/song?id=426027293" style="text-decoration:none" align="center">你曾是少年

"color:red;" align="center">My College Life Planning

"center">ps:注意:接下来的每个列表都有微小的不同,每个都不一样~自己观察,然后看看我的代码是如何表示的

"color:#F0DAD2;">专业学习:

  1. 精学算法,培养自己的编程能力
  2. 最终专业排名在前10%,拿到保研资格

"color:#F0DAD2;">业余生活:

    "a">
  1. 结实多方面的朋友、老乡
  2. 学习特长、培养兴趣
  3. 多去不同的地方看看、旅游~
  4. 注意体育锻炼、保持良好身体,为祖国奋斗50年!
  5. 多看课外书。读万卷书,行万里路~

"color:#F0DAD2;">校园活动:

    "I">
  1. 参加一些社团组织
  2. 多多参加学校、学院组织的活动、竞赛

"color:#F0DAD2;">信息收集:

    "i">
  1. 从学院官网和想去的学校官网上了解信息
  2. 收集有关保研、考研事宜

"color:#F0DAD2;">实习实践:

emmm我现在只想说,,,又又又又又又到这么晚了啊,秃头xiao在此,该睡了~

对了,以后我会不定时的来更新文章的内容(每篇都有可能),emmm所以可能会出现后一次看这篇文章比前一次看的时候内容更多的情况,emmm请见谅,额,一同成长,奥利给!

晚安,盆友们~

你可能感兴趣的:(web ⑤:Write web pages in HTML (Review) #回来要看哪)