Dreamwaver

一个方便于HTML开发者的编辑器
可以在这里下载

HTML中的 div

div 是HTML中的块模块的编写
我的思想是将我自己要写的板块和内容利DIV分成一个一个模块
并且分别去定义各个模块的作用是什么

代码

<!DOCTYPE html>
<html><head>
<style>
#header1 {background-color:deepskyblue;color:black;text-align:center;padding:10px;font-size: 40px
}
#nav {line-height:30px;background-color:salmon;height:380px;width:200px;color: black;float:left;padding:10px;   font-size: 20px
}
#header2 {background-color:brown;color:black;text-align:center;padding:2px;font-size: 15px}
#section1 {width:350px;float:left;padding:10px;
}
#section2 {width:350px;float:right;padding:10px;
}
#footer {background-color:saddlebrown;color:white;clear: both;<!--这是不予许浮动元素-->text-align:center;padding:2px;  font-size: 20px;
}
#section3{width:350px;float:left;padding:10px;font-size: 30px}
#section4{width:350px;float:right;padding:10px;font-size: 30px}
</style>
</head><body><div id="header1">
<b>自 我 介 绍</b>
</div><div id="nav">
<b>姓名：瞿于荃</b><br>
<b>学校：昆明理工大学<b><br>
<b>爱好：旅行<b><br>
<b>家乡：陕西汉中<b><br>
<a href="https://blog.csdn.net/quyuquan2014/">我的CSDN</a><img src="/E:/IMG_2236.jpeg" height="230">
</div><div id="header2">
<h1>旅行经历</h1></div><div id="section1">
<p><strong>
敦煌：大漠孤烟直，长河落日圆。<img src="/e:/damo.jpg" width="250" height="100" align="bottom">
</strong></p>
<p> 青海湖：中国第一大湖的波澜壮阔。 <img src="/E:/qinghaihu.jpg" width="250" height="100"></p>
<p></div><div id="section2">
德钦：从未被人类征服的卡瓦格博。<img src="/E:/1540286914984.jpeg" width="250" height="100">
</p>
<p>
三亚：中国的马尔代夫。<img src="/E:/IMG_20181005_125943.jpg" width="250" height="100">
</p>
</div><div id="footer">
<p>本人必备技能</p>
</div>
<div id="section3">
<p>滑雪<img src="/E:/huaxue.jpg" weight="100" height="250" ></p>
<p>浮潜<img src="/E:/fuqian.jpg" weight="100" height="250" align="botton"></p>
<p>徒步<img src="/E:/tubu.jpg" weight="100" height="250"></p></div>
<div id="section4">
<p>摄影<img src="/E:/sheying.png" weight="100" height="200"></p>
<p>足球<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1540306438855&di=00002ff0166dd2e1b26960eae3090ffd&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fb7fd5266d0160924d7b0cf3dde0735fae6cd347a.jpg" weight="100" height="250"></p>
<p>吉他<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1540306522451&di=5958d85e32bd254daf117c2746c52514&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F4bed2e738bd4b31c385fe8728dd6277f9f2ff89c.jpg" height="250" weight="100"></p>
</body>
</html>

结果

问题

但是在我使用DIV 模块的时候我发现，我无法进行CSS格式的内联进行应用。这一点我还在进行调试中。

反思

我的方法比较简单，我希望我可以写出更多样式好看，功能多样，并且更接近现在的网站结构和装饰的HTML源文件。

在Dreamwaver上基于HTML编写自己的相关推荐

基于Python编写的简易翻译器
前言阅读英文文献碰到生词时,我常常使用谷歌翻译或是搜狗翻译来辅助翻译英文.谷歌翻译相对其他同行来说,翻译学术相关的东西时,效果是还可以的.前段时间,发现有些PDF格式的英文段落复制到谷歌翻译上格式总 ...
基于PYQT编写一个人脸识别软件（2）
前言以前在博客:基于PYQT编写一个人脸识别软件中给出了我自己用PYQT编写的一个小软件.鉴于使用的是开源库--face_recogniton,尽管使用很简单,但是还有些问题,比如:识别黄种人时效 ...
树莓派运行python import os未找到命令_通过pip指令在树莓派上基于Python3安装OpenCV...
前言 Python是现如今在人工智能领域较为热门的编程语言,因其简洁的语言风格.丰富的类库支持以及具有活跃的交流社区,受到广大开发者的喜爱.起初,python是一门辅助科学研究的一门语言,但因其在当今 ...
基于gulp编写的一个简单实用的前端开发环境
自从Node.js出现以来,基于其的前端开发的工具框架也越来越多了,从Grunt到Gulp再到现在很火的WebPack,所有的这些新的东西的出现都极大的解放了我们在前端领域的开发,作为一个在前端领域里 ...
javascript官方文档_基于Javascript编写的开源Markdown和HTML相互转换器——showdown
介绍 showdown是一个基于Javascript编写的开源Markdown和HTML相互转换器,showdown可以用在客户端(浏览器)或者服务端(nodejs).shodown还支持原始规范中未 ...
shell编写mysql全备和增备脚本_基于mysqldump编写自动全备增备的shell脚本
基于mysqldump编写自动全备增备的shell脚本在线上MySQL数据库备份分为全备和增备,而xtrabackup备份已经支持了增量备份了,但是mysqldump就不支持增量备份,所以我们需要写 ...
go 基于gin编写encode、decode、base64加密接口
GoLang学习更方便,一文在手,面试我有 GoLang面试 | GoLang面试 | GoLang面试文章目录前言代码演示前言基于gin编写encode.decode.base64加密接 ...
基于 vue 编写的vue图片预览组件，支持单图和多图预览，仅传入一个图片地址，即可实现图片预览效果，可自定义背景、按钮颜色等
hevue-img-preview 简介完整版下载地址:基于 vue 编写的vue图片预览组件本组件是一个基于 vue 编写的 vue 图片预览组件,支持 pc 和手机端,支持单图和多图预览,仅传 ...
基于Java编写的租房管理软件
本文介绍的租房管理软件,是基于Java编写的主界面,采用访问数据库的方式,实现增加.删除.及保存信息等功能,因为是租房管理软件,所以点睛之笔是可以实现到期提醒功能.界面如下: 程序实现主要有三个子程序 ...

在Dreamwaver上基于HTML编写自己的

Dreamwaver

HTML中的 div

代码

结果

问题

反思

在Dreamwaver上基于HTML编写自己的相关推荐

最新文章

热门文章