前端入门学习 DAY1-DAY2

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就是集成开发环境,比如HomeSiteDreamWeaver这些能帮助人们更加容易写代码的软件工具等。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标签划分区域的代码更加具有逻辑性。
         常用的块元素: div p h1~h6 form menu pre table   三种列表:ol li   ul li  didt  块级元素

(6)HTML类:对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。HTML <div> 元素是        块级元素。它能够用作其他 HTML 元素的容器。设置 <div> 元素的类,使我们能够为相同的 <div> 元素设置相同的类:

2、知识点:       

(1)理解树结构,可分析元素的层级关系;

(2)掌握文本加粗,着重的实现;

(3)掌握按钮,列表的创建;

(4)5、掌握链接的创建(包括图片链接);

注:MDN( Mozilla 开发者网络)可以搜索到许多不懂的代码问题,基本上应有尽有(地址:https://developer.mozilla.org/zh-CN/)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值