html相当于人的骨架,是根本,是一种和python一样的编译语言
空格、< 小于;、>大于;、© 版权
<a href="new.html" target="_blank">点击进入到新网页</a>
作用:
name属性
target属性
实现页面指定跳转(需要创建锚点)——>>即给要去跳转的地方添加name属性/id属性
width属性
height属性
title属性
align属性
alt属性
查找: 相对路径查找 即 . 和 .. 分别地表当前目录 和 父路径 绝对路径查找 不推荐,(换电脑的话路径会更换)
1.无序列表ul li
属性有type属性
2.有序列表ol li
属性 type
3.定义列表dl dt dd
用table tr行 td列
border:边框。像素为单位。 style="border-collapse:collapse;":单元格的线和表格的边框线合并 width:宽度。像素为单位。 height:高度。像素为单位。 bordercolor:表格的边框颜色。 align:表格的水平对齐方式。属性值可以填:left right center。 注意:这里不是设置表格里内容的对齐方式,如果想设置内容的对齐方式,要对单元格标签<td>进行设置) cellpadding:单元格内容到边的距离,像素为单位。默认情况下,文字是紧挨着左边那条线的,即默认情况下的值为0。 注意不是单元格内容到四条边的距离哈,而是到一条边的距离,默认是与左边那条线的距离。如果设置属性dir="rtl",那就指的是内容到右边那条线的距离。 cellspacing:单元格和单元格之间的距离(外边距),像素为单位。默认情况下的值为0 bgcolor="#99cc66":表格的背景颜色。 background="路径src/...":背景图片。 背景图片的优先级大于背景颜色。
以上有个重要属性是:style=‘border-collapse:collapse‘:单元格的线和表格的边框线合并
在行内不能设置背景颜色,背景颜色需要在列中设置
colspan
:横向合并
rowspan
:纵向合并
表格的标题有一个标签:<caption>
写表格的时候经常会用到 <thead> <tbody> <tfoot>,这样的会页面会显得有条理,检查时方便
与服务器进行交互,表单就是用户输入的数据,发送到后台,然后接到后台反应
<form>
其中name id属性 是用于JS来操作表单时使用的
action method 属性
嵌套input标签才是form的强大之处
<input type="text" />
type属性:
type="属性值":文本类型。属性值可以是: text(默认) password:密码类型 radio:单选按钮,名字相同的按钮作为一组进行单选(单选按钮,天生是不能互斥的,如果想互斥,必须要有相同的name属性。name就是“名字”。 )。非常像以前的收音机,按下去一个按钮,其他的就抬起来了。所以叫做radio。 checkbox:多选按钮,名字相同的按钮作为一组进行选择。 checked:将单选按钮或多选按钮默认处于选中状态。当<input>标签的type="radio"时,可以用这个属性。属性值也是checked,可以省略。 hidden:隐藏框,在表单中包含不希望用户看见的信息 button:普通按钮,结合js代码进行使用。 submit:提交按钮,传送当前表单的数据给服务器或其他程序处理。这个按钮不需要写value自动就会有“提交”文字。这个按钮真的有提交功能。点击按钮后,这个表单就会被提交到form标签的action属性中指定的那个页面中去。 reset:重置按钮,清空当前表单的内容,并设置为最初的默认值 image:图片按钮,和提交按钮的功能完全一致,只不过图片按钮可以显示图片。 file:文件选择框。 提示:如果要限制上传文件的类型,需要配合JS来实现验证。对上传文件的安全检查:一是扩展名的检查,二是文件数据内容的检查。 value="内容":文本框里的默认内容(已经被填好了的) size="50":表示文本框内可以显示五十个字符。一个英文或一个中文都算一个字符。 注意size属性值的单位不是像素哦。 readonly:文本框只读,不能编辑。因为它的属性值也是readonly,所以属性值可以不写。 用了这个属性之后,在google浏览器中,光标点不进去;在IE浏览器中,光标可以点进去,但是文字不能编辑。 disabled:文本框只读,不能编辑,光标点不进去。属性值可以不写。
<select>中的选项是<option>
有multiple属性和size属性
<textarea>
有value rows cols readonly 属性
实现文件和选项按钮相关联
for标签: 找到与之要关联的事件
原文:https://www.cnblogs.com/xiaobai686/p/11924817.html