目录
HTML三要素
<html></html> 表示是HTML语言
<head></head>
<body></body>
基本标签
<title></title> 网页标题
<h1></h1> 标题
<p></p> 段落
<pre></pre> 不改变格式的文本
<font></font> 文本标签
<br> 换行
<hr> 横线
<del></del> 文字划条线
<ins></ins> 文字加下划线
<b><b>或<strong></strong> 加粗
<i></i>或<em></em> 斜体
<sub></sub> 右下方字
<sup></sup> 右上方字
< > 小于大于号 空格
<table></table> 表格
<tr></tr> 行
<th></th> 使单元格内容居中且加粗
<td></td> 列
<abbr></abbr> 注释
基本属性
colour 颜色
width 宽度 可有 width=1000px
height 高度
align 位置 可以 align=center 表居中
border 表格网线的显浅程度 border=10px
colspan 修改指定td的文本占用的行数 colspan=2
rowspan 同理修改占用的列数
图片标签
<img> 就为图片标签
其中有src属性,title属性,alt属性
src
表示此图片的链接或位置
title
表示注释
alt
表示图片加载不成功后的提示信息
<!--title是鼠标悬浮在图片上会显示的信息,alt是图片加载不出来,或者找不到的时候会显示的信息-->
<img src = img/4.jpg title=我是图片 alt=加载失败喔/>
超链接
<a>为超链接标签
其中有href属性,主要是网站地址
<a href = https://www.bilibili.com>B站</a>
在超链接中可以把图片也变成超链接
<a href = https://www.bilibili.com/video/BV11t411K74Q?p=14>
<img src file:///D:/桌面/HTML文件/HTML HBuilder/spacer1e9c5d.gif/>
</a>
有target属性
若为_blank即为开启新窗口,为_self即为在原窗口打开
列表
列表分为俩种,一种为无序列表,一种是有序列表
无序列表:
<ul>为无序列表的标签,其中包括了<li>标签,表示的是新增一个数据栏
其中<ul>有type属性,可以改数据前的符号
其中circle为圈圈,square为方块,disc为点点
有序列表:
<ol>为有序列表,也包括了<li>标签
也有type属性,可以直接输1,A,a等改变数据前的符号
表单
<form>为表单标签
有action属性,是发送数据的地址 其中每个数据上传都要附带一个name和一个value
有method属性,选择past表示隐藏用户信息,get为显示
label
表示表单里的文本,同font差不多
但有for属性
<!--
讲讲label后面for的用法,大概就是找到一个和for后面一样的id,并激活他
在这里主要是可以 点男女汉字或者点圆圈都可以选中性别
-->
<label for=man>男</label>
<input type=radio name=sex id=man raquired checked>
<label for=woman>女</label>
<input type=radio name=sex id=woman required>
<br>
<input type=submit name=uuu value=登录>
input
下辖input标签,其中有type属性,表示类型
type=?
text 为文本框 有以下属性
placeholder属性表示提示信息
maxlength表示规定用户输入字符数量
readonly属性表示用户只能看不能修改,且为白色背景 数据上传到服务器
disable属性表示用户只能看不能修改,为灰色,数据不上传到服务器
password为密码框 pattern属性表示规定用户输入的格式
radio为单选框 checked属性表示默认选择
CheckBox是复选框
file表示可以选择本地的文件进行上传
hidden表示数据隐藏,不被用户看到自动上传
reset表示清空所有数据
require 必填
表示该项必填,但在表单form中加个novalidate表示不需验证,但又可以在input属性中加formnovalidate表示必须必须填写
autcomplete 保存信息
表示会保存上次用户输过的信息,下次可快速输入
autcomplete=no就表示保存 =off表示不保存
textarea 文本域
为文本域的标签,有row,cols属性,分别调行数列数
select datalist 下拉列表
都为下拉列表标签
select
属性multiple为支持Ctrl多选,size表示列数为多少,数据要用到<option>
datalist
要先在上面写个文本框,其中表明为list,等于随便一个数x,接着再写datalist,标注id=x
然后也一样,option标签表示数据
其实超链接也可以传输数据,只不过只能传输固定无法修改的数据
<a href=http://www.baidu.com/8080/oa/ssave/usename=zhangsan&wwname=cheng>提交</a>
这里就传输了name=zhangsan和wwname=cheng 当然这些都是我乱打的
好的这周就学到这么多
在这里注读者元旦快乐!!