HTML 超文本标签语言,也叫做标记或元素
<标签 属性=“值”>内容</标签>----标签不区分大小写
在Visual Studio Code中输入!+tab建会出现以下界面
其中Document为网页标题
<body>和</body>之间为网页主要内容
常用标签:<strong>和<b>为加粗字体的标签,<i>和<em>为斜体标签
<!-->为注释标签,将所选内容用ctrl+/可变为注释内容,注释内容不显示。
<br>标签用于换行,在需要换行内容后加上此标签即可换行。---此标签为单标签
<hr>为水平分割线,使用方法br,也为单标签。设置长度用with属性,数值后加:“px”,宽度为size属性。如图:
P标签是段落标签
使用段落标签每个相邻的p标签中间会空一行。
属性为“align” 位置:center居中,left居左,right居右
font标签---设置字体 color属性:red blue等颜色单词等
#rrggbb---三原色(red green bule)
Sub、sup、pre、span标签
Sub---下标标签,数组a的下标为2表示为a[<sub>2</sub>]
Sup---上标标签,二的三次方表示为2<sup>3</sup>
pre---原样输出,<pre>xxx</pre>
span---修饰文本的标签---标准的行内标签
hn,div标签
hn标签指的是h1,h2,h3,h4,h5,h6--标题标签(取值只有1到6,字体逐渐减小,且有加粗效果)
div---标准的块级标签---盒子布局
块级标签独占一行,会自动换行 div hn hr p
行内标签无自动换行,除非此行内容铺满整个页面—span
特殊字符
两个nbsp为一个空格
表单标签
form标签一般会和input标签连用 <form action=“路径”>
action---跳转的路径 路径分为绝对路径和相对路径
method---用来明确表单提交的方式(get post)默认为get
name---表单的名称
get请求会把用户信息暴露在地址栏上,post请求比get安全
绝对路径:从盘符开始,找到你所需要的文件的路径 路径+文件名称
相对路径:当前源文件和目标文件的相对位置
表单元素
表单元素(文本框,密码框,下拉列表框等),一般由input,textarea,
select标签构成,需要放在form标签内使用
input标签语法:<input type=“元素类型” name=“元素的值”>
type的取值:text—文本,password—密码框,radio—单选按钮
checkbox—多选按钮,submit—提交按钮,reset—复位按钮
button—普通按钮,image—图像按钮,file—文本域(上传文件按钮)
hidden—隐藏域,email—邮箱,color—颜色域,date—日期,time—时间
datetime-local—日期和时间,range—进度条,checked—默认选择
readonly—只读,字段只能读不能修改,disabled—表示禁用
autofocus—默认光标的位置,required—不能空白提交
Select标签
下拉列表框---一般与option标签进行连用
Selected属性—默认被选中选项
Textarea标签
用来实现文本域
Cols=“30”----多少列,表示文本域宽度
Rows=“10”----多少行,表示文本域的高
常见的属性:
A标签----超链接
Vlink----访问过的超文本链接的颜色
Alink----激活超文本链接的颜色
Link----超链接文本的颜色
Text----文本颜色
Bgcolor----背景颜色
Background----背景图片
颜色表示法:
- 英文单词 red等
- #rrggbb
- Rgba()a表示透明度
弹幕标签marquee
direction------表示滚动的方向,值可以是left,right,up,down,默认为left
behavior------表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动)
loop-----表示循环的次数,值是正整数,默认为无限循环
scrollamount-----表示运动速度,值是正整数,默认为6
scrolldelay----表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
align-----表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor------表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width------表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace------表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
οnmοuseοver=this.stop() οnmοuseοut=this.start()------表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
表格的间距和边距
Cellpadding---表示表格边距(表示的单元格内元素距离单元格边缘距离)
Cellspacing---表示表格的间距(单元格之间的距离)
默认的边距和间距取值为2px
表格的嵌套:
表格里面也可以再包含一个表格(可以将一个表格放在另一个单元格内)用于布局
表格的合并:
Rowspan=“n”----n为整数,表示单元格在垂直方向上跨行,合并行
Colspan=“n’”---表示单元格在水平方向上去跨列,合并列
Del-----表示废除
列表标签
有序,无序和数据列表
有序---ol标签,与li标签连用
type属性---表示设置序号的种类-有数字,大写和小写字母以及阿拉伯数字大小写,默认type=“1”
start属性---控制开始序号的位置
reversed属性---表示降序(反序)
无序---ul标签与li标签连用
type属性---无序列表样式disc为默认的实心圆,circle表示空心圆,square表示实心方块
数据列表---dl标签,显示有标题的数据与dt,dd连用,dt表示标题,dd表示内容
HTML5之后一个dl标签内可以包含多个dt标签
多窗口框架
一个页面可以显示多个窗口---frameset,需与frame连用,不可与body标签连用
cols---定义页面列方向的尺寸或数目
rows---定义行方向的尺寸或数目
frame内加src=“链接的地址”