今天完成的事情：
了解HTML的注释：
可以将注释插入html代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽视注释也不会显示它们。
如<!--这是一个注释-->
注释: 开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。
HTML如何查看网页源代码：方法单击右键选择“查看源代码”，这样就可以看出网页的整个源代码。
如何实战操作：标题
例如<title>菜鸟视频</title> 这个是显示网页标题。
隐藏注释
例如<!-- 这是一个注释，注释在网页中不会显示。-->
插入水平线
例如<title>菜鸟视频</title>
<body>
<p>这是一个段落。</p>
<hr/>
<p>这是段落。</p>
<hr/>
<p>段落。</p>
了解标题很重要
将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。要让搜索引擎使用标题为您的网页的结构和内容编制索引。这样用户才可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
标题大小和字体大小的关系：源代码如下
<h1>这是1号标题。</h1>
<font size="6">这是6号字体</font>
......以此类推
<h6>这是6号标题。</h6>
<font size="这是6号标题。</font>
了解HTML段落：
例如：<body>
<h1>春晓</h1>
<p>
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
</p>
</body>
网页显示的效果没有因为多余的空格而产生排版影响，因为浏览器忽略了源代码的排版，省略了多余的空格和换行。
了解HTML链接语法
链接的HTML代码如下：
<a herf="url">链接文本</a> herf属性描述了链接的目标。
"链接文本"不必一定是文本，图片或其他HTML元素都可以成为链接。
了解target属性：
使用target属性，你可以定义被链接的文档在何处显示。
例如<a herf="http://www.runoob.com/" target="_blank">访问菜鸟教程！</a>
<p>如果你将target属性设置为"：_blank&qout:，链接将在新窗口打开。</P>
了解html链接-id属性：
id属性可用于创建在一个HTML文档书签标记。
提示：书签是不易任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。
例如1，<a id="tips">有用的提示部分</a> 在HTML文档中插入id
2，<a herf="#tips">访问有用的提示部分</a> 在HTML文档中创建一个链接到“有用的提示部分”（id=tips）
3，<a herf="http://www.runoob.com/html/html=links.html#tips>访问有用的提示页面</a>，从另一个页面创建一个链接。
了解HTML颜色：
由红色、绿色、蓝色混合而成。
颜色值：
由一个十六进制符号来定义，这个符号由红色，绿色，蓝色的值组成称（RGB）。
每种颜色最小的值是0（十六进制：#00），最大值是255(十六进制：#FF）一起组成的。
以上所有演示的代码都通过vscode完成实际操作。所见既所得
了解css盒子模型
盒子模型属性有四种:内容（content）、内边距（padding）、外边距（margin）、边框（border）。
这些组成我们日常生活中常见的事物——盒子，所以叫它盒子模式。它在网页设计中经常用到的css技术所使用的一种思维模型。
content是盒子里装的东西；padding是盒子里装的泡沫或者抗震的辅料；
border是盒子，不同的是css盒子有弹性，；里面东西过多只能把它撑大不会损坏。填充的只有宽度属性，每个HTML标记都可看作一个盒子。
margin是盒子与盒子之间要保持空隙，方便取出。
我了解的css盒子模型：就是css排版的网页我们不需要那么复杂的想到代码难写，怎样设计风格和效果，只需要主要考虑好页面内容的语义和结构，通过css排版设计好的网页，可以轻松的调换你喜欢的风格，css主要目的是让代码易读，区块分明，强化代码重用，所以结构很重要。
css布局的特色是：结构和表现相分离。结构和表现分离后，代码才简洁，更新才方便。
明天的计划：
接着按任务中顺序学习并完成实际操作，
接着学习head fist HTML与css的书籍让自己有一个概念，怎样用html+css去制作一个网页。
问题：像浮动，float属性有点难理解，还有怎样通过外联css的样式相对应引入css。
返回列表
评论