发表于: 2016-03-25 21:38:04
4 1164
下载 Dreamweaver 网页编辑器。根据百度成功安装并破解。
HTML介绍:
HTML标签:由一对“<>”组成。标签成对出现如"<HTML>"与"</HTML>"这是为了遵循标记语言标准。
标签属性:属性总以”名称/值“如 name=”value“的形式出现 在标签<>里面 如<body bgcolor="red">。
HTML元素:指的是开始标签到结束标签之间的所有代码
HTML一般由<html><head></head><body></body></html>组成。
<div>、<display>、<link>介绍:
在介绍<div>之前先介绍id class属性。 一般<div>元素都与id 、class属性和CSS相互配合,可以称为结构化标记,比较灵活多变。
id:在HTML文档中必须是唯一的,一般用英文字母或者下划线开头 如<h1 id="abc">。在CSS中一般用"#"来表示这个是一个id选择器。
class:在HTML文档中可以重复出现。在CSS中使用”.“来表示这是一个class选择器。
<div>:<div>标签可以把整个文档分成独立,不同的部分。可以比喻为黑板报上不同的板块。它是一个块级元素。
什么是块级元素 块级元素又与行内元素有什么区别?
块级元素:块级元素一般都是从新行开始。里面可以容纳内联元素和其他的块级元素。在没有CSS的作用下,默认状态下每次都用一整行。块元素会顺序以每次另起一行的方式一直往下排。使用CSS可以改变块元素的默认排列方式。
行内元素:文本的显示方式。不会独自占用一行。高度和宽度根据自身文字或者图片大小延展得来。
<display>:元素属属性规定元素应该生成框的类型。
none 此元素不会被显示;
inline 默认,表示会被显示为行内元素。元素前后没有换行符;
block 将元素显示为块级元素;inline-block 行内块元素。
<link>:标签定义文档与外部资源的关系。最常见的用途为链接样式表。此元素只存在于HTML文档的head部分
CSS介绍:
CSS被称为层叠样式表。语法规则主要由两部分构成:选择器,以及声明。如:h1{color:red;width;20px}。
选择器为HTML中的元素 如:h1。声明有属性和值组成。多条声明用“;”隔开。
今天的任务:
基本掌握HTML和CSS的简单语法规则 和简单的用法。
明天的任务:
做出九宫格。
遇到的问题:
1.看一遍教程,有些概念上的问题有些模糊,多看几遍加深印象。
2.自己练习时,效果与例子存在差别。 查找原因并解决。
收获:自己能够做出简单网页。
评论