html+css基础篇总结学习知识

时间2024-05-09 05:20:03发布访客分类HTML浏览58

导读： 总结学习知识（工欲善其事，必先利其器：浏览器Opera、IE、Google、火狐；开发工具：Notepad++、或者自带记事本） 1、html部分：html的全部语法，主要结构，超链接和常用标记语言 2、css部分：css的...

　　总结学习知识（工欲善其事，必先利其器：浏览器Opera、IE、Google、火狐；开发工具：Notepad++、或者自带记事本）　　1、html部分：html的全部语法，主要结构，超链接和常用标记语言　　2、css部分：css的三种选择器的使用，使用Div+css进行布局，搞清楚浮动问题　　一、格式　　语法：HTML标记语言（表示网页信息的符号标记语言）　　可以设置文本的格式、创建列表、插入图像和媒体、建立表格、超链接可以使用鼠标点击超链接来实现网页之间的跳转。　　标记和属性：保存格式（。html .htm .xhtml）　　属性格式　　不区分大小写，一般写小写；注释；空格键和回车键不会影响网页，无论加多少空格键，但是只会有一个空格，回车但是会显示多行；tab可以缩进；字符实体如空格、小于号…; 　　二、基本结构　　… 　　开始标记，位于网页的最前端和最后端　　… 　　头信息标记，头标记，开始标记，主要用来包含文件的标准信息，如关键字，标题，不会在浏览其中显示　　… 　　标题标记，一般不能太长，不能包含其他标记，放在head元素里面　　… 　　主体标记，构成我们所看成的标记，bgcolor背景颜色、text字体颜色、link超链接颜色、alink正在访问的颜色、vlik访问过的颜色　　… 　　页面的元信息（meta-information）；　　功能：提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词；　　必须属性：content 值：same_text,比如name属性相关的元信息；　　常见属性1、author 2、keywords 3、description 4、others 　　把content属性关联到一个名称，比如描绘出网页的关键词：；　　注意meta标记必须放在head元素里面。　　三、文档设置标记—格式标记（
、

、、

、

、

）　　
强制换行

换段落标记居中对齐标

预格式化标记：保留排好的格式

列表项目标记，有value属性

无序列表标记

）　　五、图像标记（img）　　如果无法加载时： alt="显示的内容" 　　远程图片　　六、超链接的使用（a）　　如何给图片加超链接：　　七、html表格（、、、
、）　　表格实战　　八、html框架（、）　　九、html表单设计（）　　十、使用css样式的方法　　十一、css样式表（标签选择器、class选择器、ID选择器、组合选择器、伪类选择器以及优先级问题）　　十二、css属性（网页中的颜色属性、字体属性、背景属性、文本属性、边框属性）　　十三、Div+css布局（盒模型、布局相关属性：定位、浮动、显示、溢出）　　十四、实战（简单的企业网站首页）

、	）　　表格实战　　八、html框架（、）　　九、html表单设计（）　　十、使用css样式的方法　　十一、css样式表（标签选择器、class选择器、ID选择器、组合选择器、伪类选择器以及优先级问题）　　十二、css属性（网页中的颜色属性、字体属性、背景属性、文本属性、边框属性）　　十三、Div+css布局（盒模型、布局相关属性：定位、浮动、显示、溢出）　　十四、实战（简单的企业网站首页）

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

若转载请注明出处： html+css基础篇总结学习知识
本文地址： https://pptw.com/jishu/656013.html

HTML+CSS基础——HTML篇知识总结 CSS页面布局技术知识分享