【织梦建站视频第17节】html中的DIV+CSS标签介绍

这节由东莞SEO为大家分享的织梦建站视频中代码的介绍,我在上节课已经简单介绍了一些基础的标签,今天这节课就给大家讲一下html中DIV和CSS标签,他在我们代码中起到至关重要的地步,因为div+css存在我们代码中任何一个角落,它是控制我们网站结构布局的,我们可以将它想象成一个小框框,同css样式来控制框内的各种属性,你想怎么控制就这么控制,做网页的时候很灵活,方便。

html中的DIV+CSS标签介绍

相比用表格做网页来说div+css是更符合SEO优化的,所以目前市面上大部分都是用div+css制作出来的网页。所以大家必须要理解div的原理,因为,当我们想要修改我们网站结构的时候,肯定会遇到div+css的只要我们知道原理,就能随意修改网页结构和布局了。

下面我给大家讲讲他们俩个配合起来的原理,css我们称它为样式,什么是样式呢,就是他可以任意控制div中的内容,比如说你想让它的字体变大,就可在样式中写一段代码,后到div中进行标记,这样标记的div内容字体就会改变,下面我写一段简单的代码大家可以看看做个参照:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站标题</title>
<meta name=”keywords” content=”关键词”>
<meta name=”description” content=”描述”>
<style>
div { background:#F00;
height:200px;
width:200px;
}
</style>
</head>

<body>

<div>html中的head和body标签介绍</div>

</body>
</html>

如上面的一段代码我们会发现:<style></style>里面的就是css样式了,他是直接控制<div></div>的最终在网页中效果如下图:

只有知道了原理后,等我们需要改网页的时候就没问题了,不至于把网页改废了(详情看视频)。

 微信公众号:君墨营销(ID:junmov5)  会话窗口 回复关键词 教程 在微信上收藏SEO基础 网站搭建教程文章  随时可看     手机上看精选好文章,每天干货分享,搜索即可关注

东莞SEO君墨微信公众号

织梦基础入门教程全套:最新网站搭建常用工具大全

【织梦建站视频第1节】域名的选择操作 

【织梦建站视频第2节】空间的原理和操作

【织梦建站视频第3节】织梦建站前的准备

【织梦建站视频第4节】织梦搭建网站操作

【织梦建站视频第5节】织梦后台的三大标签设置

【织梦建站视频第6节】织梦后台网站栏目设置

【织梦建站视频第7节】织梦后台: 文章发布操作

【织梦建站视频第8节】织梦后台: URL设置操作

【织梦建站视频第9节】织梦后台: 友情链接设置操作

【织梦建站视频第10节】织梦后台设置说明

【织梦建站视频第11节】织梦模版原理

【织梦建站视频第12节】织梦模版安装

【织梦建站视频第13节】织梦首页模版设置

【织梦建站视频第14节】织梦栏目模版修改

【织梦建站视频第15节】织梦模版文件的介绍

【织梦建站视频第16节】html中的head和body标签介绍

【织梦建站视频第17节】html中的DIV+CSS标签介绍

【织梦建站视频第18节】html中的id和class标签介绍

【织梦建站视频第19节】html中的a和img标签介绍

【织梦建站视频第20节】html中的ul和li标签介绍

【织梦建站视频第21节】html的总结

【织梦建站视频第22节】修改网站内的图片!

【织梦建站视频第23节】修改织梦网站模板技巧!

【织梦建站视频第24节】织梦代码调用的原理!

【织梦建站视频第25节】织梦程序的标签调用方法!

【织梦建站视频第26节】织梦程序循环调用代码介绍!

【织梦建站视频第27节】织梦程序代码调用总结!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: