发表于: 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.自己练习时,效果与例子存在差别。 查找原因并解决。

收获:自己能够做出简单网页。

  

 


返回列表 返回列表
评论

    分享到