HTML基础

HTML

HTML中的常用标签

标题标签,可以控制标题的字体大小

align = " center "使文字处于当前行中间位置

 

段落标签:可以将一段文字放在其中可以自动换行

段落中br为换行标签,加在何处文字就可以在此处换行

 

列表标签:可以分为无序列表和有序列表

上面为无序列表每加一组li标签就多一个列表

有序列表可以在ol处选择需要的格式,每多加一组li有序列表就可以按照所选的格式自增.

 

超链接标签:可以为标签中的文字添加链接

href是为文字所添加的链接的地址

图片标签:可以引用img目录中的图片而且图片也可以添加超链接

因为是在html项目中的html目录中创建.html文件,所以在使用src调用图片时需先返回上一级,这时就要在图片前加"../"才可以成功调用图片

如果是在html项目下直接创建html文件就不需要加"../"

 

表格

表格标签:table标签就可以创建一个表格

一个tr代表表格里面的一行,几个tr就表示表格有几行

th和td都是单元格用来放数据,两个都需要嵌套在<tr>内

然后就是一些对标签的修饰

border是表格的边框里面的数字代表边框的宽度

bgcolor 是表格的背景颜色

width,height可以设置表格的大小

还有两个,一个cellpadding可以设置内容到边框的距离,一个cellspacing可以设置单元格与单元格之间的间距

  

表单及表单对象

表单

表单属性:name为表单命名用来区分多个表单时

action用于指定表单数据提交到那个地址进行处理

method作用是告诉浏览器,指定将表单中的数据使用哪一种HTTP提交方法,取值为get或post

表单对象

放在form中的一些标签:input,select,textarea等

input标签:

type属性中格式:

text:单行文本输入框

radio:单选按钮,单选按钮中必须设置name和value属性且name属性必须一样

checkbox:普通按钮,可以设置为多选(例如:爱好之类的),checked属性表示更该选项默认为选中的状态

file:文件选择框,上传文件

submit:提交按钮,value属性的取值就是显示在按钮上的文字,实现将表单内容提交给服务器处理

resrt:重置按钮,单击可以清楚用户在页面当前表单中输入的信息

button:最普通的按钮

input标签的其他属性:

disable:首次加载禁用该元素属性值仅有disable

readonly:只读,表示文本框的内容不允许用户直接修改

placeholder:设置默认提示不是值

  

select标签:下拉列表

将option嵌入select标签内来使用

可以用value为option设置选择值

 

textarea标签:多行文本

rows:指定可以输入的行数

cols:指定可以输入的列数