HTML通过使用标签,标记描述网页,展示信息显示给用户
结构标签
由于本人不懂如何写出双尖号,所以就只写了代码
属性名代码描述text<body text="#F00"设置网页正文中所以文字的颜色bgcolor<body bgcolor="#00F"设置网页的背景色background<body background=“1.png”设置网页的背景图
如果背景颜色和背景图片同时设置,最后只会显示背景图片。
颜色的表达方式
相对路径
如果你的html文件和图片文件(picture.jpg)在同一个文件直接写picture.jpg,如果你的图片文件在html文件的下一级文件(pic)里面pic/picture.jpg,如果你的图片文件在html的上一级文件(pic)中,…/pic/picture.jpg
排版标签
块标签
属性名代码描述div<div行级块标签,独占一行,换行span<span所有内容都在同一行
基本文字标签
属性名代码描述size<font size=“7”用于设置字体的大小,最大1号,最小7号color<font color="#f00"用于设置字体颜色face<font face=“宋体”用于设置字体的样式
文本格式化标签
b粗体标签strong加粗em强调字体big大号字体i斜体small小号字体sup下标标签sub上标标签del删除线
标题标签
h1,h2…h7.从大到小。
列表标签
无序列表
使用一组无序的符号定义
属性值描述circle空心圆disc实心圆square黑色方块
有序列表
使用一组有序的符号定义
属性值描述1数字类型A大写字母类型a小写字母类型i古罗马类型
图形标签
属性名描述src引入图片的地址Width</td>图片的宽度Height</td>图片的高度border图片的边框align与图片对齐方式alt提示信息hspace在图片左右设定空白vspace在图片上下设定空白
链接标签
表格标签
普通表格(table,tr,td)
表格的列标签(th):内容有加粗和居中效果
表格的列合并(colspan):在同一行合并多个列
表格的行合并(rowspan):在同一行合并多个列
html表单用于收集不同类型的用户输入数据
input元素
在单选时,需要给后面的name写上属性值才会体现单选;
select元素(下拉列表)
textarea元素(文本框)
就是给出一个规定大小的文本框,你可以在里面填写信息
框架结构标签frameset
框架标签frame
每个frame引入一个页面
什么是CSS
CSS作用
CSS书写规范
基础语法 选择器{属性:值;属性:值…}
内嵌方式
内部方式
外部方式
@import导入
元素选择器
id选择器
class选择器
在遇到同属性时,基本选择器优先级由高到低:id选择器,class选择器,元素选择器
伪元素选择器
层级选择器
属性名取值描述font-size数值设置字体大小font-family默认,宋体,楷体等设置字体样式font-style斜体等设置斜体样式font-weightbolder粗体样式
列表属性
属性名取值描述list-style-typedisc等改变列表的标识类型list-style-imageurl(“图片地址”)用图像表示标识list-style-positioninside outside标识出现在列表项内部还是外部
尺寸属性
显示属性
显示属性是display,以下是常用值:
none:不显示
block:区块显示
inline:行级显示
轮廓属性
绘制于元素周围的一条线,位于边框的外围,可以突出元素的作用
属性名取值描述outline-stylesolid(实线)/dotted(虚线)/dashed(虚线)设置轮廓的样式outline-color16进制;用于表示颜色的英文设置轮廓的颜色outline-Width</td>数值设置轮廓的宽度
相对定位(relative)
绝对定位(absolute)
固定定位(fixed)
通过层的概念进行页面布局。
边框相关属性
属性名取值描述border-stylesolid(实线)/dotted(虚线)/dashed(虚线)设置轮廓的样式border-color16进制;用于表示颜色的英文设置轮廓的颜色border-Width</td>数值设置轮廓的宽度
外边距相关属性
内边距相关属性
如果您觉得本文的内容对您的学习有所帮助:
关键字:
html