1 / 14

HTML Lists and Tables

HTML Lists and Tables. Mr. Rouda’s CSCI 101 sections. Web Expression Tutorial. New Folder. New File. Code View. Format of Every Page. <html> <head> <title> my page </title> </head> <body> this is the body </body> </html>. Lists. Unordered Lists Ordered Lists

  • lists
  • table rules
  • ordered lists
  • li wednesday
  • li tuesday li
  • td align center bbb
dante dante
Download Presentation

HTML Lists and Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Lists and Tables Mr. Rouda’s CSCI 101 sections

  2. Web Expression Tutorial New Folder New File Code View

  3. Format of Every Page <html> <head> <title> my page </title> </head> <body> this is the body </body> </html>

  4. Lists • Unordered Lists • Ordered Lists • Definition Lists

  5. Lists - UnOrdered • List Example – UnOrdered - 1 • Here is a list of days. • <ul> • <li> monday </li> • <li> tuesday </li> • <li> wednesday </li> • </ul> • That is the end of the list.

  6. Lists - UnOrdered • List Example – UnOrdered - 2 • <ul> • <li> monday • <li> tuesday • <ul> • <li> Do Laundry • <li> Cut Grass • <li> Clean House • </ul> • <li> wednesday • </ul>

  7. Lists - Ordered • List Example – Ordered • change the ul’s to ol’s • <ol> • <li> monday </li> • <li> tuesday </li> • <li> wednesday </li> • </ol>

  8. Lists - Definition • Definition List • <dl> • <dt>Due Date: • <dd>Next Class • <dd>at 2:00pm • </dl>

  9. Tables • tables are grids of rows and columns • We fill in each cell row by row • Table Example – simple • <table> •  <tr> • <td> AAAAAAAAA • <td> BBB •  <tr> • <td> CCC • <td> DDD •  </table>

  10. Table • Table Example – adding some space • <table> • <tr> • <td> AAA • <td> &nbsp &nbsp &nbsp &nbsp • <td> BBB • <tr> • <td> CCC • <td> • <td> DDD • </table>

  11. Table • Table Example – border • <table border=10> • <table border=10 cellspacing=20 cellpadding=30>

  12. Table • Table Example – lines • <table rules=rows> • <table rules=cols> • <table rules=all>

  13. Table • Table Example - width • <table rules=all width=50%> • <tr> • <td width=25%> AAA • <td align=center> BBB • <tr> • <td> CCC • <td> DDD • </table>

  14. Next time • Talk about Paper • Images / Styles / CSS

More Related

深圳SEO优化公司丽水网站制作报价鄂州百度竞价包年推广哪家好赤峰设计网站河源SEO按天扣费公司甘南网站改版推荐巴中外贸网站制作报价鸡西关键词排名包年推广报价大庆SEO按天计费长沙营销网站报价永新SEO按天计费哪家好海北网站优化推广价格西乡推广网站甘孜SEO按天扣费价格天水模板推广公司坪地百姓网标王推广多少钱安阳网站排名优化哪家好吴忠网页制作哪家好辽阳网站优化按天扣费公司邢台优化推荐坂田模板制作多少钱临猗关键词按天扣费多少钱珠海网站推广方案平凉品牌网站设计价格坂田网页制作哪家好珠海网站推广系统价格赤峰营销网站价格济南外贸网站建设推荐长葛品牌网站设计价格廊坊百度关键词包年推广公司泸州建站歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化