发表于： 2016-04-13 15:28:42
1 1610
补4月9号的日报
9号：
今天完成的事情：
6段落 1）<p></p>2）同一段落中用<br/>3）内容最多显示一个空格，没有空行和多个空格
7文本格式化 1）写在<body>与</body>之间的格式代码2）文本格式化标签：<b><big><em><i><small><strong><sub><sup><ins><del>3）预格式文本保留了原文空格换行<pre>4）计算机输出标签：<code><kbd><samp><tt><var><pre>
8编辑器 1）notepad,textedit,adobe dreamweaver,microsoft expression web, coffeecup html editor 2）用记事本创建网页
9样式 1）外部样式表
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>2）内部样式表
<head><style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style></head>3）内联样式
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>10链接 1）href属性：创建指向另一个文档的属性2）name属性：创建文档内的书签，步骤1-选中指定内容作为锚进行命名（创建一个书签），步骤2-同个文档的另一个指定处创建一个指向该锚的链接
<a href="#tips">有用的提示</a>或其他页面中创建指向该锚的链接，在地址后紧跟#和锚名称
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>3）target属性定义被链接文档在何处显示（新窗口，新标签页。。。）
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>注：电子邮件的链接中用20%来代替空格可显示正常文本。
11图像 1）
<img src="url" />
2）替换文本属性，也就是备用可替换文本
<img src="boat.gif" alt="Big Boat">3）<body background="/i/eg_background.jpg"> <img src="/i/eg_cute.gif" align="bottom"> <img src ="/i/eg_cute.gif" align ="left"> <img src="/i/eg_mouse.jpg" width="50" height="50"> <img src="/i/eg_goleft.gif" alt="向左转" /> <a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" /></a> 难点：创建图像映射，先在图中埋下usemap="#planetmap"的id或name属性，然后在下文通过<map name="planetmap" id="planetmap">关联该图，再进行：<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" /> 通过设定形状，坐标，链接将原图中的某个区域关联到另一幅图。结尾别忘了</map>
明天计划的事情：完成HTML基础教程，困难
遇到的问题：1理解图像映射花了很多时间，乍看文本语言很多很复杂被吓到，零基础的蜗牛看不懂，主要是因为没有从整体上看，没有理解其中的逻辑关系，应从标签符号看起，找到标签的开头与结尾，就很容易搞清楚这个标签的目的以及上下标签的关系了。2很难坚持啊，连续两天没学习了，有负罪感。。。还是要以爱好为动力，哎，慢了就慢了，不能影响自己的积极情绪。现在起永远都不晚。
收获：更广泛的html类型，量的积累。
返回列表
评论