发表于: 2016-03-22 19:22:03
1 1554
1、今天完成的事情:
由于是在职工作,只能利用碎片时间,因此只在W3School看了html的基础部分,大概浏览了一遍,先去理解,因为记忆的东西好像很多。
对于前端,我目前的理解是,首先就要在屏幕上展示内容。而HTML,换句话说,就是显示出来的网页。它通过利用各种标记把不同的东西在屏幕里排好。再通过CSS来控制这些东西的效果。总的来说,HTML是一个大的框架,用来装东西,而CSS是用来改变这些东西的样式的。随着学习的深入,理解能够逐渐加深吧。
把今天看了的实例提纲整理一下:
一、HTML基础标签实例:
(1)简单的HTML文件:主要展示一个HTML最简单的元素,包括head,body,titie和p等标签。
(2)简单的段落:p标签定义
(3)更多的段落:p标签对换行和空格的处理
(4)折行:<br />标签
(5)标题:<h1>标签
(6)居中排列标题:<h1 align="center">...</h1>
(7)水平线:<hr />
(8)注释:<!...>
(9)背景颜色:<body bgcolor="yellow">
二、HTML文本格式化实例
(1)文本格式化:b,big,em,i,strong,small,sub,sup
(2)预格式文本:pre,保留输入格式
(3)计算机输出标签:code,kbd,tt,samp,var,常用于显示代码
(4)地址:address
(5)缩写:<abbr title="xxx">yy</abbr> <acronym title="xxx">yy</acronym>
(6)文字方向:<bdo dir="rtl">abc</bdo>
(7)块引用:<blockquote>长引用,<q>短引用
(8)删除和下划线:del, ins
三、HTML链接实例
(1)超链接:<a href="scheme://host.domain:port/path/filename">
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 w3school.com.cn
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称
(2)在新的窗口打开链接:<a href=" " target="_blank">...
(3)链接到同一个页面的不同位置:<a href="#name>,...<h1><a name="name">...
(4)跳出框架:target="_top"
(5)创建电子邮件链接:链接使用%20替换的单词的空格,才能正确显示文本。
四、HTML框架实例
(1)垂直框架:<frameset cols=" "><frame src=" ">
(2)水平框架:<frameset rows=" "><frame src=" ">
(3)使用noframes标签:<noframes><body>说明</body></noframes>
(4)混合框架
(5)noresize属性:<frame src=" " noresize="noresize">
(6)导航框架
(7)内联框架:iframe
(8)跳到框架一个指定点
(9)使用锚的链接
2、明天的计划:
看完HTML剩下的基本内容。当然记忆的东西很多,看完了忘记很正常,所以才要通过做项目逐渐巩固,只能多写多练才能深刻。
评论