html

HTML

html是什么?

html是超文本标记语言,在浏览器里运行。

html(HyperText Markup Language)

标签

双标记标签

<标签名> 内容

单标记标签

<标签名>

html的基本结构

网页标题

解释说明:

1.  声明文档类型  html5文档

2.  元数据标签  charset设置字符编码  utf-8万国码

段落标签

段落内容

标题标签

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

相同点:

加粗、独占一行

不同点:

字号依次减小

图片标签

属性解释:

1.src  用来引入图片路径

2.alt  图片加载出错,用来替代图片的文本

3.width  图片的宽度

4.height  图片的高度

5.title    鼠标放到图片上时的提醒文字

属性src值

1.当html文件与图片在同一个目录下,直接写图片名称

2.当html文件与图片所在的文件夹在同一个目录下,先找图片的文件夹名称/图片名称

3.当html文件所在的文件夹与图片所在的文件夹在同一个目录,需要通过../跳出当前html所在的目录,然后查找图片文件夹名称/图片名称    ../图片文件夹名称/图片名称

列表

无序列表

  • 列表项
  • 列表项
  • ....

有序列表

  1. 列表项
  2. 列表项
  3. ....

定义列表

术语

对术语的解释说明

....

加粗

表示强调

倾斜

表示强调

上下标

  上标

  下标

  小字体

特殊字符

空格

 

&ensp;

小于号  <

大于号  >

©  版权符号

•    实心圆

超链接

超链接

属性:

1.href  跳转的路径

    值:1)网址

          2)相对路径

        3)mailto:邮箱地址

        4)表示下载

        5)锚点    #id值

2.target  打开方式

值:_blank    在新窗口中打开

    _self/_top/_parent

热点区域

....

行内框架

属性:

1.src  用来引入其他页面的url

2.width、height  框架的宽度和高度

3.frameborder  框架的边框  默认有边框 

值:1  有边框

  0  无边框

4.scrolling  滚动条  默认有滚动条

值:yes  有边框

  no  无边框

新窗口打开

base target="_blank"  注意是加在head里

框架集

去掉body!使用

cols rows 表示横排或者竖排

noresize  不允许调整框架大小

frameborder  框架的边框

scrolling  滚动条

table表格

table基本结构

...

....

标题 单元格

table的属性:

1.border  表格默认无边框

2.cellspacing  单元格与单元格之间的距离

3.cellpadding  内容与单元格四周的距离

4.bordercolor  边框的颜色

align  水平方向的对齐方式  left/center/right

valign  垂直方向的对齐方式  top/center/bottom

text-align:center    文本居中

其他

换行 

水平线 


元素分类

块元素  display:block;

段落标签

~
标题

    无序列表

      有序列表

      定义列表

      术语


      换行

        采集信息的范围

      行内(内联)元素  display:inline

        加粗  强调

      倾斜    强调

      上标  下标

      无  小字体

      超链接

          点文字也可以选中复选框

      行内(内联)块元素  display:inline-block

      引入路径,图片...

      行内框架

      textarea  文本域

      button  按钮

      表格

      格式:

      table属性:

        border  加边框

      cellspacing  单元格与单元格之间的距离

      cellpadding  内容与单元格四周的距离

      bordercolor  边框颜色

      td属性:

      align  水平方向的对齐方式  center/left/right  中,左,右

      valign 垂直方向的对齐方式  center/top/bottom 中,上,下

      单元格合并

      列合并 colspan  水平合并

      行合并 rowspan  垂直合并

      form表单

      采集数据的范围:

      1,action  行为  数据提交的路径

      2.method 方式  数据提交的方式

        get  1提交时在地址栏上方可以看到提交的内容  2长度有限制

        post  提交的时候在地址栏上方看不到提交内容,相对来说较安全,长度没有限制

      type  类型

      "text"  文本框

      "password" 密码框

      "submit"  提交按钮

      name  给标签起的名字

      value  值

      placeholder  域的一个提醒文本 “不用删掉重写 可以直接编辑”

      maxlength  最大值

      按钮

      复选框

      checkbox 复选框

      checked 默认被选中

      name值不能一样

      单选框

      radio 单选框

      checked  默认被选中

      name值 必须一样!

          id="" 

      可以点击文字选中

      提交按钮 submit

      重置按钮  reset

      一般按钮  button

      上传  file    multiple 上传多个

      hidden 隐藏域

      文本域 textarea name="" cols="" rows=""  /textarea

          按钮

      下拉选择框

      你可能感兴趣的:(html)