HTML学习笔记day2
碎碎念:昨天晚上学校麻将社寒假比赛,作为伪日麻迷(主要是受某不科学的百合麻将少女的影响),被一群大神打成狗,这里是赛况地址:http://stu.fudan.edu.cn/fdumj/live/,(现在这会儿应该是国标的比赛)明天比赛估计又是在尾座,弱成狗了,为什么学霸们连打麻将都比我强,实在没办法理解了,让不让人生存下去了。
tips:
创建项目列表和编号列表:(首先列表可以理解为数据结构中的广义表,广义表的元素可以是广义表或者就是元素)
<li>,</li>:封装列表中的每一个子项目
<ol>,</ol> : 顺序列表1,2,3,4,。。。
<ul>,</ul> : 项目列表
关于列表符号的设计,大致写成<ol style = ‘list-style-type : XXXX">XXXX自己乱试试,square,circle,disc,upper-roman什么的
强调起始位置:start = X,强调某一个序号value=X
特殊符号:
这些东西没什么好说的,实体名称比较容易联想:如(商标:™),可以自己写个程序用实体数字跑出所有的符号,自己看看吧,这东西就跟ascall码差不多,没什么好讲的,实体数字格式:&#XXX;
水平线插入:
<hr style = "color = XX;background-color=XX;height = XX;width = XX">XX都是自己填,至于如何美观,还是自己多试试,颜色自己打E文,基本都能出来,不过最好的还是rbg组合,不过这东西我也没什么概念
背景色前景色:
<body style = "color = XX;background-color = XX"> XX可以自行E文或十六进制数或rbg
插入图片:
<body style = "background-image: url(XXX)">XXX根目录下的那个文件名,另外background-repeat = XX,XX可选
no-repeat : 不重复
repeat-x:X轴重复
repeat-y:Y轴重复
htm代码:
<!DOCTYPE html> <html> <head> <title>Welcome to the Room 509 </title> </head> <body style="background-color : rgb(125,123,10);background-image : url(tomoyo4.jpg);color : rgb(1,1,255)"> <h1>The Room 509 </h1> <p><b><i>Welcome to the Room 509!</i></b><br> 您想要王总免费送出的海景房吗,你想要罗学长帮您指定学妹吗,还是说您需要从钱董那里获得各类网游的土豪装,想清除自己身上的负能量吗,那么就关注www.509.com</p> <pre>诗歌一首:<br> 离歌<br> 谁言别后终无悔,<br> 寒月清潇绮梦回。<br> 身知生在情常在,<br> 前尘不共彩云飞。</pre> <p><kdb>hello world<sup>!</sup></kdb></p> <p><code>hello world!</code></p> <p><smap>hello world!</smap></p> <p>509寝室的成员们有:</p> <ol><blockquote> <li>“上帝定义生物完美标准”罗学长------罗艺</li> <li>“宇宙顶级房地产巨鳄”王总----------王晗谦</li> <li>“叱咤风云的屠龙剑皇”钱董----------钱嘉辰</li> <li>“背负万物之负能量的渣渣”小k-------Wiki_ki</li> <ul><li>自带倒霉光环</li> <li>帮助各位非学霸确保不拿CD档(所有的CD都由我来接受)</li> </ul> </blockquote></ol> <hr style="color : blue; background-color : white; height : 2;width : 40"> <p>copyright © 2013 509 Room Company™<br> contack with us by 18817362348</p> <hr style="color : blue; background-color : white; height : 2;width : 40"> </body> </html>
效果图:
P.S:背景果断本命武帝Tomoyo,另外表示室友什么的就是用来黑的