Web前端学习(1)----HTML5(超文本标记语言)

一,HTML(超文本标记语言)标签的介绍

1)标签的格式:

<标签名>封装的数据</标签名>

2)标签名大小写不敏感.

3)标签拥有自己的属性

a)分为基本属性:bgcolor=“red”
可以修改简单的样式效果

b)事件属性:οnclick=“alert(‘你好!’);” 可以直接设置时间响应后的代码

4)标签又分为双标签和单标签

a)单标签格式:<标签名/>
:换行

---

:水平线

b)双标签格式:<标签名>…封装的数据…</标签名>

二,最常用的特殊字符和标签

1)< : “&lt”;;

2)>:"&gt";

3)空格:"&nbsp";

4)h1到h6都是标题标签(h1最大h6最小,是双标签),align属性是对其位置选择,left(默认) right,center

font标签是字体标签,他可以修改文本的字体.颜色.大小(1~7逐渐增大,)是双标签

color属性修改颜色 face属性修改字体 size修改字体大小

5)a标签设置超链接,标签中间设置超链接名 href设置属性的地址,target设置跳转到哪个页面(_self表示当前页面<默认>,_blank表示打开新页面进行跳转)

6)无序,列表方式,显示的内容放在

• 双标签里面

• ul:是无序列表 ,type属性可以修改列表前面的符号

  ol:是有序列表

  li:是列表项

  7)img标签是图片标签,用来显示图片.

  src属性可以设置图片的路径

  wdith属性可以设置图片的宽度

  height属性可以设置图片的高度

  border设置图片边幅大小

  alt属性设置当前图片找不到的时候所显示的文字

  a)在javase中路径也分为相对路径和绝对路径

  相对路径:从工程名开始算;绝对路径:盘符:/目录/文件名

  b)在web中路径分为相对路径和绝对路径两种

  相对路径:

  .
  表示当前文件夹所在的目录

  …
  表示当前文件夹所在的上一级文件的目录,要用/分开

  文件名
  表示当前文件所在目录的文件,相当于./文件名 ./可以省略

  绝对路径:

  http://ip:port/工程名/资源路径

  8)table标签是表格标签(双标签)

  格式:

  border:设置表格边框

  width:设置表格宽度

  height:设置表格高度

  align:设置表格相对于页面的对齐方式

  cellsapcing:设置单元格间距

  tr是行标签,th是表头标签(居中加粗),td是单元格标签,align设置单元格文本对齐方式

  colspan 属性设置跨列

  rowspan 属性设置跨行

  9)表单标签

  form标签就是表单(双标签),input是单标签

  input type=test 是文件输入框 value设置默认显示内容

  input type=passworld 是密码输入框 value设置默认显示内容

  input type=radio 是单选框 name属性可以对其进行分组 checked="checked"表示默认选中

  input type=checkedbox 是复选框 checked="checked"表示默认选中

  input type=Reset 是重置按钮 value属性修改按钮上的文本

  input type=submit 是提交按钮 value属性修改按钮上的文本

  input type=button 是按钮 value属性可以修改按钮上的文本

  input type=file 是文件上传域

  input type=hidden 是隐藏域,当我们要发送某些信息,而这些信息,不需要用户参与,就可以使用隐藏域(提交的时候同时发送给服务器)

  select 是下拉表框(双标签)

  option 是下拉表框中的选项
  selected="selected"设置默认选中(双标签)

  textarea 表示多行文本输入框(起始标签和结束标签中的内容是默认值)

  rows
  属性设置可以显示几行的高度

  cols
  属性设置可以每行显示几个字符宽度.

  form 标签:form标签是单标签

  *action设置提交的服务器地址

  *method属性设置提交的方式GET(默认)或POST

  $$表单提交的时候,数据没有发送给服务器的三种情况

  a)表单项没有name值属性

  b)单选,复选(下拉列表中的option标签),都需要添加value属性,以便发送给服务器

  c)表单项不在提交的form标签中

  $$GET请求的特点是:

  a)浏览器地址栏中的地址是:action属性[+?+请求参数]

  请求参数的格式是:name=value&name=value

  b)不安全

  c)他有数据长度的限制

  $$POST请求的特点:

  a)浏览器地址栏中只有action属性值

  b)相对于GET较安全

  10)iframe标签可以在页面上开辟一个小区域显示一个单独的页面

  iframe和a标签组合使用的步骤:

  a)在iframe标签中使用name属性定义一个名称

  b)在a标签上的target属性上设置iframe的name属性

  11)其他标签

  a)div标签 默认独占一行

  b)span标签 他的长度是封装数据的长度

  c)p段落标签 默认会在段落的上方或下方各空出一行(如果有了则不在空)