龙空技术网

必知HTML基础-CSS教程系列

沦趣的故事诵 32

前言:

如今小伙伴们对“ie6html模板”都比较注意,朋友们都需要知道一些“ie6html模板”的相关资讯。那么小编也在网络上搜集了一些关于“ie6html模板””的相关知识,希望同学们能喜欢,姐妹们一起来学习一下吧!

目录搞清浏览器作用搞清什么是HTMLhtml作用html我们涉及哪些基础知识常见html单词及单词功能作用有哪些html结构html与CSS关系1、搞清浏览器作用

浏览器主要作用是浏览网页作用,在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。

在CSS测试(CSS工具)里常用浏览器包括IE6、IE7、IE8、火狐(FF)、谷歌(chrome)、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核,所以不必考虑,只要支持你浏览器版本即支持类似这2款浏览器

2、搞清什么是HTML

html是hypertext markup language的缩写,即超文本标记语言。可以这样理解,HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。

3、html作用

HTML作用,通过一定html自身语法结构(html结构),显示文字、图片、动画(flash)、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。

4、html我们涉及哪些基础知识

Html扩展名、html源代码、DOCTYPE、html结构、head标签、charset

5、常见html单词及单词功能作用有哪些

a、B(strong):加粗

b、P:换行实例:<p>我是第一段内容</p><p>我是第二段内容</p>

c、Br:提行实例:我是第一排<br />我是第二排内容

d、px:像素、长度宽度单位

实例:width:30px; 宽度30像素

e、ul、ol、li列表标签实例:

<ul> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> <ol> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ol>

f、div与span:都是html标签

实例:<div>我占一行</div><span>我多长占多长位置</span>

两者区别:DIV占用1整排,而SPAN所占位置是内容多少占用多长长度

g、img:图片引用标签

<img src="/css-images/css-logo.gif" />图片标签

h、dl dt dd:CSS的另类表格组合

实例:

<dl>

<dt>我是标题</dt>

<dd>列表一</dd>

<dd>列表二</dd>

</dl>

j、title:标题标签

实例:<title>标题</title>

特点,在一个网页内只能使用一次(只能出现一次)

6、html结构 - TOP

这里Html结构可用于每次新建制作网页模板使用。

旧html结构:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";>

<html xmlns=";>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>DIVCSS5标题</title>

</head>

<body>

具体网页呈现内容

</body>

</html>

经过CSS教程网的DIVCSS5优化后的HTML结构(可用于每次新建HTML模板):

<!DOCTYPE html>

<html>

<title>标题</title>

<meta name="keywords" content="关键字" />

<meta name="description" content="网页描述" />

<link href="这里CSS文件引入地址" rel="stylesheet" type="text/css" />

内容提供

7、html与CSS关系 - TOP

搞清楚html与CSS关系很重要,也是认识CSS基础。html与CSS关系解释:HTML内放置显示网页要显示的具体内容(图片、文字、动画等)而CSS是控制HTML内这些具体内容的怎么显示、怎么排版、颜色、大小、宽度、高度、左右布局等显示样式。

以上7点是学习CSS的html基础,可能还不完善,但是在以后运用的时候DIVCSS5会给大家详细、本简单CSS教程分为15节,此节DIV CSS教程以文字内容为主,以后会穿插更多实例和图例、跟我做的内容希望对大家能有帮助。

标签: #ie6html模板