发表于: 2018-07-07 01:51:52

1 647


一、今天完成的事情:

  1.下载了谷歌浏览器chorme以及编辑器webstorm(听说webstorm编辑器比sublime功能强大而且更好用)。

  2.了解了如何申明文档类型:<!DOCTYPE html> ,任何一个标准的html页面第一行一定是一个以<!DOCTYPE....>开头的语句,又名“文档申明头”,主要作用就是告知浏览器文档使用哪种HTMLXHTML规范。

  3.创建了一个html文件,并用chorme运行了下,如图:

  1.   4.过了一遍html的基本标签。感觉记得东西很多。这也体现了敲代码的重要性,越敲越熟悉。
  2.   5.HTML标签分等级:--文本级标签--:只能存放文字、图片、表单元素。例如:<span>表示跨度很小的区域,还有<p>段落标签。
  3.               --容器级标签--:可以放置任何东西。例如<div>中的内容可以作为一个块。
  4.   5.css是层叠样式表,用来静态的表现html文本。样式表定义了如何去显示html的元素,说到这里,有三种方式在html文本中插入样式表:

    外部样式表

    当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

    <head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

    内部样式表

    当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

    <head><style type="text/css">
    body {background-color: red}
    p {margin-left: 20px}
    </style></head>

    内联样式

    当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

    <p style="color: red; margin-left: 20px">
    This is a paragraph
    </p>
  5.       6.在前面的html文本中添加了几个标签,并尝试添加了几个css样式,如下

  6.      ps:时间零散,抽时间看,好在最然内容复杂,但理解起来还好。


  7. 二、明天计划的事情

  8.      1.明天周末,继续下面的任务,学习盒子模型和float特性

  9.      2.尽快铺开知识点,做出九宫格,了解下自适应(只是听过)

  10. 三、遇到的问题

  11.       1.编码完成后放在浏览器中出现了乱码

  12.            解决方案:【1】在头部标签<head>中加入

    <meta http-equiv="content-type" content="text/html" charset="UTF-8">
  13.                                  提示浏览器文件编码类型是:UTF-8

  14.                          【2】在编辑器中找到设置,选择文件编码,把三个编码格式改为UTF-8.(这个方式比较一劳永逸)

  15.         2.其他技术性问题没有了(还没碰到核心,手动滑稽)


  16. 四、收获

  17.         1.一个网页就是由许多个html标签构成的页面。?

  18.         2.了解了html基本的标签,以及标签等级分类。

  19.         3.学习了css的概念以及语义,还有如何在html文本中插入长css样式表。

  20.               ps:第一次写日报,感觉自己进程有点慢,

  21.         






返回列表 返回列表
评论

    分享到