HTML相关介绍及相关用法

1.html介绍
HTML又称Hyper Text Markup Language,主要用于数据展示,其大体框架如下:

Hn标签表示文档标题

n属于(1,6)n的取值越大,字体越小,越粗。

2.相关用法
2.1.表单(Form)
一般不会单独使用,常与input标签连用,另外Form标签后跟action可以进行页面的跳转。
Target属性:-blank------在新窗口打开
-self---------默认,在相同窗口打开
-top--------在整个窗口打开
示例:
HTTP协议分为两种:
1.post请求,会暴露name属性的值,不安全,地址栏默认大小为64kb
2.Get请求,不会在地址栏暴露name属性的值,安全
method=“请求方式(Post或者Get)”,例:

Text------文本框,例:

Password------密码框,例:

Submit------提交按钮,例:

Radio------单选框,例:

Checkbox-------复选框,例:

Reset------重置按钮,例:

Button-----普通按钮,例:

Select 标签----选择框,例:

         多选使用multiple属性,例:

文本域:textarea
rows表示行数 cols表示列数
br/—表示换行
Align=“center” 表示居中
Align=“left” 表示居左
Align=“right” 表示居右
div标签------网页的分区显示
p标签-------对行的控制
body标签中backgroundcolor表示背景颜色(用英文单词或者十六进制表示)
Background------使用图片作为背景
A标签可以进行页面的跳转,默认为Get请求
font标签可以控制字体的大小和颜色,例:

锚点:使网页的展示到达某一个定位的地点

2.2.img标签
src属性------source 图片路径,height—高度,width—宽度,例:
alt属性--------图像替代文本
map标签—地图,映射,例:
在这里插入图片描述
2.3.表格布局
作用:通过表格来对网站进行整体的布局
主要使用table----表格
tr------表行
th------表头
td------表元
例:在这里插入图片描述

2.4.列表
2.4.1.无序列表

2.4.2.有序列表

2.4.3.定义列表
在这里插入图片描述
2.5.字体的跑马灯
marquee的属性

behavior: 设置文本如何滚动。属性值有3种:
scroll - 循环滚动。默认值。
slide - 滚动一次。
alternate - 两端来回滚动。
direction: 设置文本滚动的方向。属性值有4种:
left - 从右向左。默认值。
right - 从左向右。
up - 向上。
down - 向下。
loop: 设置滚动的次数。默认值-1,无限次循环。
scrollamount: 设置每次滚动时移动的长度(以像素为单位),也就是滚动速度。默认值为6 。
值越大,滚动速度越快,一般5-10比较适合查看消息。
scrolldelay: 设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。
值越大,滚动速度越慢,通常不设置。
sup标签,例:

sub标签,例:
在这里插入图片描述
b加粗,例 :

i 斜体,例:

2.6.标签 音频和视频
视频,例:
在这里插入图片描述

音频,例:

2.7.多窗口框架
一个页面显示多个窗口
frameset标签

注意:frameset标签不能与body标签连用
iframe标签的定义和用法:iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

框架图展示

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值