HTML orJS 基础语法

HTML or JS 基础语法

设置字体大小:font-size: 30 px; 设置颜色:color:green; height 高度, width 宽度, align (居中?靠左?靠右?)
background(背景); font-weight: bold;(文字粗细) border: 1px;(边框) margin: 0 auto; 居中(外边距 上下 左右)
list-style-type: none;(去掉列的‘。’) first-child (第一个孩子)last-child(最后一个孩子)


横线
Link选择css样式
文本格式:
b和strong标签设置文本粗体
i和em标签设置文本为斜体
big:字体放大
small:字体缩小
sub:下标
sup:上标
del:删除文本
ins:添加文本
图像:
img src:添加图片
height与width属性用于设置图像的高度和宽度
alt属性用来为图像定义一串预备可以替换的文本
src:图片路径
title:鼠标放到图片上,提示文本
width:图片宽度
height:图片高度
border:图片边框 solid 实体
链接:
href:添加链接
title:定义元素的替换文本
target:属性
_blank:在新窗口中打开链接文档
_parent:在父框架集中打开被链接文档
_top:在整个窗口中打开被链接文档
_self:默认值 在相同框架中打开被链接文档
锚链接:
锚链接:连接到当前页面地址
需起一个锚名称,可以是ID或者name
href=""值为要连接的锚链接名称,以#号开头
列表:
无序列表
ul标签表示无序列表
li标签表示列表项目

    	type取值:
    	disc:默认值,表示实体圆心
    	list-style:square:表示实体方心
    	list-style:circle:表示为空心圆
		float: left  列表上浮,

去除开头的符号
ul li{
list-style: none;
}
ol:标识有序列表
li:标识列表项目

    	type取值:
    	1.A:使用大写作为项目符号
    	2.a使用小写作为项目符号
    	3.1使用数字作为项目符号
    	4.I 使用大写I作为项目符号
    	5.i 使用小写i作为项目符号

表格:
HTML表结构:从语义结构上划分表格为:表头、表主体、表尾
table标签标识表格标签
tr标签标识行标签(设置行)
td标签标识单元格标签(下面)
th标签标识表格头部标签(最上层)
border标识表格边框属性
width属性设置表格宽度
bgcolor属性设置表格背景颜色
background属性设置表格的背景图片
caption:表格的标题
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾部分
cellpadding:表格中内容和单元格之间的距离
cellspacing:表格中单元格和单元格之间的距离
在默认情况下,如果不设置表格的边界,表格不显示边界的,可以用border属性设置表格边框
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾元素
colspan:跨列(合并列)
rowspan:跨行(合并行)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值