DAY1:
1、W3SCHOOL---“HTML简介”到“HTML注释”+“HTML文档类型”
(1)通过W3CHOOL网站了解到了HTML是用来描述网页的一种语言,但是HTML又不是编程语言,是一种标记语言!标记语言就是一套标记标签,HTML就是使用标记标签来描述网页!
(2)HTML标签是由尖括号包围的关键词,通常都是成对出现的,比如<html></html>、<b></b>。
(3)学习到了各种各样的标签,懂得标签应该怎么用。
(4)HTML文档类型 <!DOCTYPE>:HTML有多个不同的版本,HTML5 HTML4.01 XHTML1.0等等!只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。文档类型常用的三种声明
2、知识点:
(1)掌握标签对,元素概念;
(2)掌握IDE的概念;IDE就是集成开发环境,比如HomeSite、DreamWeaver这些能帮助人们更加容易写代码的软件工具等。IDE
(3)理解HTML文档声明;
DAY2:
1、W3SCHOOL---“HTML”链接”到“HTML布局”
(1)HTML链接:超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。通过使用<a>标签在HTML中创建超链接。HTML链接
(2)HTML图像:要在页面上显示图像,
需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。<img src="url" /> 图像插入
(3)HTML表格:
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
制作表格
(4)HTML列表:HTML列表可以给文字段落排序,主次分明!分为无序列表<ur>和有序列表<or>。
列表标签
(5)HTML块:
可以通过 <div> 和 <span> 将 HTML 元素组合起来,div标签划分区域的代码更加具有逻辑性。
(6)HTML类:对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。HTML <div> 元素是 块级元素。它能够用作其他 HTML 元素的容器。设置 <div> 元素的类,使我们能够为相同的 <div> 元素设置相同的类:
2、知识点:
(1)理解树结构,可分析元素的层级关系;
(2)掌握文本加粗,着重的实现;
(3)掌握按钮,列表的创建;
(4)5、掌握链接的创建(包括图片链接);
注:MDN(
Mozilla 开发者网络)可以搜索到许多不懂的代码问题,基本上应有尽有(地址:https://developer.mozilla.org/zh-CN/)