七海的html和css学习笔记
文章平均质量分 86
学习使我快乐
七海Chiaki
这个作者很懒,什么都没留下…
展开
-
七海的html和css学习笔记(十四)
第十四章 HTML表单 表单的工作方式 表但实际上就是一个包含输入域的Web页面,允许你输入信息。提交表单时,这些信息会打包并发送到一个Web服务器,由一个服务器脚本来处理。处理完成后,会得到另一个Web页面作为相应。服务器脚本由其他编程语言来编写,不在html的范畴之中。 创建表单 可以使用<for...原创 2018-04-06 18:44:40 · 190 阅读 · 0 评论 -
七海的html和css学习笔记(十三)
第十三章 表格与更多列表 用html创建一个表格 创建一个表格需要用到四个元素:<table>、<tr>、<th>和<td>。下面将逐个地详细介绍这些元素,明确它们在表格中所起的作用:<table> //table标记开始整个表格。如果想要一个表格,都要从table开始 <tr...原创 2018-04-05 17:15:28 · 214 阅读 · 0 评论 -
七海的html和css学习笔记(十二)
第十二章 HTML5标记 新的html5元素 <article> //表示页面中一个独立的组成部分,如一个博客帖子、用户论坛帖子或新闻报道 <nav> //所包含的内容将作为页面的导航链接 <header> //放在页面顶部的内容,或者放在页面某个区块的顶部 <footer> //放在页面底部的内容,或者放在页...原创 2018-04-04 16:18:13 · 163 阅读 · 0 评论 -
七海的html和css学习笔记(十一)
第十一章 布局与定位 使用流 流实际上就是浏览器在页面上摆放HTML元素所用的方法。浏览器从HTML文件的最上面开始,从上到下沿着元素流逐个显示所遇到的各个元素。 先来考虑块元素,它会在每个块元素之间加一个换行。所以首先会显示文档中的第一个元素,然后是一个换行,然后是第二个块元素,接下来又是一个换行,如此继续,从文件最上面一...原创 2018-03-28 16:18:44 · 249 阅读 · 0 评论 -
七海的html和css学习笔记(十)
第十章 div与span div介绍 div是用于给页面划分逻辑的元素,比如一个介绍宠物的页面,就可以把页面分为猫区和狗区,通过div元素的分区也可以为猫区和狗区添加不同的css样式。<div id="cats"> <p>猫区<p> </div> <div id="dogs">原创 2018-03-26 15:28:23 · 163 阅读 · 0 评论 -
七海的html和css学习笔记(九)
第九章 盒模型 盒模型的分析 一组元素分出来的段落可以看做为一个盒子。盒子分为内容区,内边距,边框和外边距。 内容区就是文本或图片等所占的空间,内边距就是内容区和边框之间的距离。边框可以选择是否添加,外边距是边框之外和其他元素的距离。 为文本添加边框 使用border属性为文本添加...原创 2018-03-21 15:20:49 · 219 阅读 · 0 评论 -
七海的html和css学习笔记(八)
第八章 增加字体和颜色样式 字体系列是什么? 前面已经见过font-family属性(用于指定字体),到目前为止总是将这个属性的值指定为“sans-serif”。 每个font-family包含一组有共同特征的字体。共有五个字体系列:sans-serif、serif、monospace、cursive和fantasy。每个字体系...原创 2018-03-16 22:54:17 · 146 阅读 · 0 评论 -
七海的html和css学习笔记(七)
第七章 CSS入门 结合html和css 先来看一个简单的css语句:p{ //代表设置<p>元素的样式,称之为选择器 background-color : red; //表示设置<p>元素的字体颜色,属性和属性值之间用冒号“:”隔开,语句用分号“;”结尾 } //语句使用花括号“{”和“}”括起来。 ...原创 2018-03-14 15:18:18 · 190 阅读 · 0 评论 -
七海的html和css学习笔记(六)
第六章 HTML的标准及其他 HTML简史 html有过html1.0-2.0、html3、html4、html4.01、xhtml1.0到现在的html5。 语言的新版本会带来更多的新东西,因为所有人都得跟上最新的标准。不过html5则有所简化,你能更容易的告诉我你在使用哪个版本的html。html5的标准还明确指出了W...原创 2018-03-14 10:04:20 · 200 阅读 · 0 评论 -
七海的html和css学习笔记(五)
第三章 为你的页面增加图像 浏览器如何处理图像? 浏览器对<img>元素的处理与其他元素稍有不同。以<h1>和<p>元素为例,浏览器在页面上看到这些标记时,只需要把他们显示出来就可以了,很简单。不过,浏览器看到一个<img>元素时,会做不同的处理:浏览器在页面中显示图像之前,必须先获取这个图像。 ...原创 2018-03-13 17:40:42 · 150 阅读 · 0 评论 -
七海的html和css学习笔记(四)
第四章 Web之旅 域名 域名就是一个唯一的名字,可以用来定位网站,下面给出一个例子: www.starbuzzcoffee.com 在这个网址中,"www."是域中一个特定服务器的名字;"starbuzzcoffee.com"被称之为域名;不同的域结尾...原创 2018-03-12 11:09:40 · 152 阅读 · 0 评论 -
七海的html和css学习笔记(三)
第三章 Web页面建设 本章介绍的元素<q></q> /*q元素用于标记一小段引用或者标注,被q元素标记的文本会加上双引号(有些浏览器不会自动添加双引号,所以有时需要手动添加)*/ <blockquote></blockquote> /*blockquote元素用于标记成段的很长的文本*/ <br/> ...原创 2018-03-12 08:53:41 · 141 阅读 · 0 评论 -
七海的html和css学习笔记(二)
第二章 深入了解超文本 使用<a>标记创建超文本链接 先来看一个示例: <a href="****">bilibili</a> 这就创建好了一个超文本链接,步骤为: 1、首先把链接文本,也就是上面代码的bilibili放在<a>元...原创 2018-03-11 13:03:16 · 144 阅读 · 0 评论 -
七海的html和css学习笔记(一)
使用书籍:Head First Html 和Css第一章 Web语言概述和简介 宏观的角度看Web的工作 想要建立Web页面,需要使用超文本标记语言(HyperText Markup Language),也就是HTML编写文件。 首先,把文件放在一个Web服务器上(之后会学到如何把文件放在服务器上),文件放在一个服务...原创 2018-03-11 11:40:27 · 149 阅读 · 0 评论