本文详细介绍了HTML与CSS的基本概念及用法，包括HTML的标签结构、CSS的样式设置等，帮助初学者快速掌握网页制作的基础知识。
HTML:全称:hyper Text Markup Language:超文本标记语言
大体结构:<html>
<head></head> -----头文件标签
<body></body> ------主体部分
</html>
<***></***>形似如此的格式称为有标签题的标签
主要有:1.标题标签<h1~7></h1~7>(1~7表示标题的字号,大于7的任然是7字号)
2.段落标签<p></p> 段落缩进标签<blockquote></blockquote>
3.原样输出标签<pre></pre>块标签<div></div>
4.字体标签:加粗标签<strong></strong>斜体字标签<em></em> <front></front>
5.列表标签;有序列表<ol></ol>无序列表<ul></ul>
6.表格标签<table></table>用于网页框架搭建(行标签<tr></tr>列表签<td></td>行合并<rowspan></rowspan>列合并<colspan></colspan>)
7.表单标签<form></form>用于采集用户输入信息
8.超链接标签<a></a>(扩展的锚链接)
还有一些非标签体格式标签:换行</br> 图片导入<img> 表单标签中的<input>等等
CSS:全称:Cascading style sheet:层叠样式表
格式: 标签选择器
{
对选择器选中标签进行修饰;
}
锚伪类选择器:对鼠标link visited hover active 的4种状态进行操作(必须按顺序书写,否则相关操作无法实现)
盒子模型问题:主要应用于网页框架的搭建,通过操作内外边距来控制不同的盒子之间的关系(外边距应用较多)
float属性和clear属性在网页框架搭建中使用较多,float用于操作两个div块的浮动方向,clear主要用于将两个紧挨的div块分隔开
CSS的使用更加利于网页的修改,只需要修改标签选择其中的内容就可以实现对相关div块的操作
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
