20180228【充实计划】第632期 - 第3页

21楼

arst4 发表于 2018-2-28 09:20:44

昨日阅读1小时，累计阅读20小时

已有 1 人评分	论坛币	收起理由
充实每一天	+ 10	精彩帖子

总评分: 论坛币 + 10 查看全部评分

22楼

军旗飞扬

发表于 2018-2-28 09:48:21

昨天阅读3小时，累计阅读909小时

已有 1 人评分	论坛币	收起理由
充实每一天	+ 10	精彩帖子

总评分: 论坛币 + 10 查看全部评分

23楼

GKINGLIU

发表于 2018-2-28 09:52:59

第二十八天

1.主题：HTML解析
慕课网HTML&CSS课程
https://www.imooc.com/code/54

2.摘要
<h></h> 是标题标签，<p></p>是段落标签，<img src="">是图片标签
除了<h1>标签外，还有<h2>、<h3>、<h4>、<h5>、<h6>，数字越大字越小…
HTML不区分大小写，标签需配对出现，可以嵌套；

html的文件框架结构：
<html>                      #根标签，处于最外层
  <head>…</head>    #文档头部，盛放头部元素：<title>,<script>,<style>,<link>,<meta>
  <body>…</body>    #主要内容，盛放内容标签：<h1>,<p>,<a>,<img>
<\html>

凸出强调  ——> <em>的内容在浏览中显示为斜体，<strong>显示为加粗。
<span></span>是对字体格式进行设置比如颜色大小之类的，必须在<style></style>这个标签内先定义---span{}，然后在文中进行引用，如果要单独一次进行字体的更改可以通过如<span style='color:red'></span>来完成.
<q></q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

<! —注释文—>并不打印出来
<blockquote>标签用来引用长文本，不会自动添加比引号，还会对引用的文本进行缩进
在html文本中想输入回车换行，就必须输入<br />,即break，要想输入空格，必须写入 
<hr/> horizontal ruler
predefined，即预定义的。
加入一行代码的标签为<code>，但是在大多数情况下是需要加入大段代码的，代码中的空格，换行符都保留下来。

无序列表/有序列表的结构：
<ul>       #li 在英文里代表 List，ol 在英文里代表 ordered list，ul 在英文里代表 unordered list;
<li></li> #<ol>在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始;
</ul>

div相当于一个隐形的分割框将一个页面中不同类的部分分开，使得每个部分独立开来，当然也可以编辑样式库，给div添加实质性的边框或者区域填充。

tr是“table row（表格行）”的缩写，用于表示一行的开始和结束。这也容易理解。
td是“table data（表格数据）”的缩写，用于表示行中各个单元格（cell）的开始和结束。
<table summary="表格备注”>
<caption>表格标题</caption>

href：Hypertext Reference的缩写。意思是超文本引用。
<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a> == <a>标签链接到新页面
target = “_blank” ==在新窗口中打开链接
target = “_self “  ==在当前窗体打开链接,此为默认值
mailto:是发送邮件关键字，如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
Ctrl+/快速注释
嵌入式css样式，就是必须把css样式代码写在<style type="text/css"></style>标签之间，并且一般情况下嵌入式css样式写在<head></head>之间。

CSS方法大全：
内联：<span style="color:red;font-size:10px;" >text</span>
嵌入：<style type="text/css"> span{color:red;font-size:10px;} </style>
外部：<link href="style.css" rel="stylesheet" type="text/css">
内联式适用情况:局部特殊化
嵌入式适用情况:统一标签样式格式
外联式适用情况:方便代码重用和管理
优先级：内联式 > 嵌入式 > 外部式

择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素，比如p指向段落、body指向文档主体、h1指向小标题；

>作用于元素的第一代后代，空格作用于元素的所有后代。

CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。
在网页中，元素有三种布局模型：
1、流动模型（Flow）—默认
2、浮动模型 (Float)
3、层模型（Layer）

em就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如下代码：
p{font-size:12px;text-indent:2em;}
上面代码就是可以实现段落首行缩进 24px（也就是两个字体大小的距离）。

3.心得感悟
多了解一下html的构造，对爬虫很有用，目的是看懂源文件，而不是去写作html代码；

4.时间统计
昨日阅读5小时，累计245小时