学了点html+css
整理了点内容,放这了,有缘自取
说实话,看这玩意不如自己动手操练操练
HTML Hyper Text Markup Language超文本标记语言
标题标签
-
双标签
段落标签
标签用于定义段落
换行标签
break的缩写,强制换行(单标签)
文本格式化标签 粗体粗体,加粗,斜体或,下划线或,删除线或
span一行可以有多个
图像标签
src指定图像路径和文件名
其他属性:alt 图像不能显示时文字,替换文本
title 提示文本,鼠标放在图像上显示的文字
whdth height border 像素
相对路径:相对于当前文件的位置,同一级路径,下一级路径src=”文件夹名字/xx/xx.jpg”,上一级路径src=”../xx.jpg”,所以说使用时要放的近一些~
绝对路径:指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
电脑中的位置或完整的网络地址!
/*
超链接标签 标签用于定义超链接,作用是从一个页面链接到另一个页面
href:用于打开连接目标的url地址(必须属性)
target:_self 当前窗口打开页面(默认),_blank为新窗口打开页面
1、外部链接
2、内部链接直接链接内部页面的名称
3、空链接
4、下载链接
5、 网页元素的链接 例如
6、锚点链接 点击链接快速定位到页面的位置
建立联系 在链接文本href中设置属性值为 #名字
目标位置标签里面添加一个id属性,id=名字
*/
注释
CTRL+/
特殊字符 空格字符 大于号> 小于号<
表格标签
用于定义表格中的行,必须嵌套在
table data 用于定义表格中的单元格,必须嵌套在
table head 表头单元格,会加粗居中显示
相关属性 align 属性值 left、center、right 表格相对周围元素的对齐方式
border 1或”” 规定表格是否拥有边框,默认为””
cellpadding 规定单元边沿与内容之间的空白,默认1
cellspacing 规定单元格之间的空白距离,默认2像素
width 像素值或百分比 规定表格的宽度
为了更好的表示表格语义,可将表格划分为表格头和表格主体
标签表示表格头部区域 表示表格主题区域
合并单元格 rowspan=”单元格数量” 跨行合并 colspan 跨列合并 删掉多余单元格
无序列表 并列
在
- 标签中只能放
- 标签, 可以放任意元素
有序列表
- 表示有序列表,定义列表项
注意事项和无序列表一样
自定义列表
- 标签用于定义描述列表
- 定义项目/名字
- 描述项目/名字
表单标签
1、表单域
属性:text 定义单行输入字段,默认宽度20个字符
password 定义密码字段,字符被掩码
radio 单选按钮
checkbox 复选框(多选)
submit 提交按钮(value更改里面的文字)
reset 重置按钮(value更改里面的文字)
button 普通按钮 js
file 文件域 上传文件
input:name 自定义属性 定义input元素名称 要求单选框和复选框要有相同的name值,name相同能做到单选
value 自定义属性 规定input 元素的值,里面的元素信息(试试就知道了)
checked 页面打开时默认选中 checked=”checked”
maxlength 规定输入最大字符长度
for 属性与对应表单的id相同即可(没绑定上呢。。。)
</select>
至少包含一对
默认选中项
属性知道就行,不怎么用~
在html中每个元素都有id属性,id属性是该节点的唯一标识
表单提交数据只和name有关,和id无关
CSS 层叠样式表
CSS语法:(一般放在head)
选择器:
标签选择器 不方便
类选择器 样式点定义,结构类调用 .类名{ } 不要使用数字,中文
例如
类选择器还能画盒子~
多类名 一个标签指定多个类名 多类名中间用空格分开
可以把公共样式放在一起,统一修改,方便
id选择器 #id{}
id只能调用一次,此处展现了id的唯一值属性
通配符选择器
- { } 更改页面所有标签 不需要调用
基本不用
CSS字体属性
font-family: ‘’; font-size: 20px; font-weight: ;//不用跟单位
font-style: normal; //italic 斜体
font复合属性 font: font-style font-weight font-size font-family; 顺序不要变~ suanle
size 和 family 必须有
文本属性 CSS Text
color 十六进制最常用吧 #000000;
文本对齐 text-align 只能设置水平对齐方式
center left right
文本装饰 text-decoration
none 默认 underline 下划线 overline 上划线 line-through 删除线
文本缩进 text-indent 段落首行缩进 单位 px/em(16px) 相对单位
行间距 line-height 文本高度+上下间距 px
样式表分类
1、行内样式表(行内式)简单修改使用
2、内部样式表(嵌入式)
将css写入到html中,放在