HTML、CSS学习心得

HTML是一门超文本标记语言。
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 它通过标记符号来标记要显示的网页中的各个部分。
那我就讲一下我学习HTML和CSS所收获的
HTML的网络术语
HTML、CSS学习心得_第1张图片
HTML的编辑工具
个人感觉是EditPlus和Dreamweaver这两个编辑工具比较好
以下是这两个工具的对比情况:
Dreamweaver:
HTML、CSS学习心得_第2张图片
EditPlus:
EditPlus可取代记事本的文字编辑器,拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。而它还有一个好用的功能,就是它有监视剪贴板的功能,同步于剪贴板可自动粘贴进 EditPlus 的窗口中省去粘贴的步骤。(个人觉得EditPlus能够现做现看)
但最为重要的还是HTML里面的各种标签

HTML的标签
排版标签
HTML、CSS学习心得_第3张图片

字体标签
HTML、CSS学习心得_第4张图片
里面的标签的一些属性有很多都是共有的,比如像一些width,height,color之类的

图片链接类
HTML、CSS学习心得_第5张图片
要注意的是target属性可以将页面控制在设置的目标里面

清单标签
在这里插入图片描述
这几种方式只是表现形式不一样

表格标签
在这里插入图片描述
HTML、CSS学习心得_第6张图片
做表格时要注意排版,利用盒子模型设计。

框架标签
在这里插入图片描述
框架要与target组合使用,让出现的页面显示在框架中
内嵌框架iframe标签只是适合IE浏览器

还有一个比较重要的就是表单
表单标签
form标记的边框和边框名称:fieldset和legend
HTML、CSS学习心得_第7张图片

CSS是一种用来表现HTML或XML等文件样式的计算机语言。
在我看来,CSS就是用来辅助HTML的
HTML、CSS学习心得_第8张图片
CSS的属性和单位是挺多的
HTML、CSS学习心得_第9张图片
虽然这些很多,但是要经常使用
提一下float属性:float的值有“none”“left”“right”三个,都可以改变文本流。
常用的还是字体颜色和背景

还有比较常用的选择器:基本选择器和扩展选择器
要注意他们之间的冲突
HTML、CSS学习心得_第10张图片
提一下前面的盒子模型
HTML、CSS学习心得_第11张图片
盒子模型在具体的实现起了调节的作用
定位属性的绝对定位和相对定位对排版起了很大的作用

你可能感兴趣的:(HTML、CSS学习心得)