码迷,mamicode.com
首页 > Web开发 > 详细

html基础

时间:2018-07-22 23:36:02      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:cells   文件上传   目录名   border   value   表单提交   必须   eth   ima   

html

超文本标记语言:比普通文本功能更加强大使用一组标签对内容进行描述的一门语言,它不是编程语言!

语法和规范:

1. 所有的 html 文件后缀名都是以.html 或者.htm 结尾的,建议使用.html 结尾。

2. 整个 html 文件分别由头部分<head>和体部分<body>组成

3. Html 标签都是由开始标签和结束标签组成<br/>

 4. Html 标签忽略大小写的,建议大家使用小写。 

标签

1.标题标签:<hn>  n为从1-6的数字,字体大小逐渐减小

2.水平线标签: <hr/>

3.段落标签:<p>

4.字体标签:<font>  属性:颜色color  字体face   大小size5.

5.图片标签:<img/> 属性:照片路径src 设置图片的宽度 width  设置图片的高度 height 当图片无法正常显示的时候给出的提示信息alt。

  绝对路径:带有盘符的 ;1. 如果是同级,直接写文件名称或者./文件名称 2. 如果是上一级:../文件名称(如果是多层,那么多写几个../) 3. 如果是下一级:写目录名称/文件名称 

6.列表标签

  有序列表<ol>属性:type 有 5 个取值 ,start 开始位置,reverse:倒序

  无序列表<ul>属性:type 有 3 个取值

  <ul><li></li><ul/>

7.超链接标签<a>属性:href超链接地址

8.表格标签<table><tr><td>1</td><td>1</td></tr>

  <tr><td>2</td><td>2</td></tr></table>

  Table 属性: 边框:border 宽度:width 高度:height 背景颜色:bgcolor 边框与边框的:cellspacing 边框与内容的:cellpadding 居中显示:align

  td属性:行单元格合并rowspan  列单元格合并clospan  width/height="100%"行/列充满整个单元格

9.集合框架标签:frameset 属性:cols进行垂直切割  rows进行水平切割

  (1)<frameset clos="20%,*"><frame src="left.heml"><frame name = "huiyuan"/></frameset>

  (2)<a src = "huiyuan.heml" targer = "huiyuan">会员信息</a>

  在(2)中注意target 与(1)中name之间连接的应用

10表单标签

  (1)<form><form/>创建表单 属性:请求路径:action  请求方式:method

    form创建一个表单,表单的一些相关设置都在这里面进行

    action确定表单提交到服务器的地址

    method常用取值,get和post  get是默认值,提交的数据追加到请求路径上,因请求路径有限,所以个体提交的数据有限;post提交的数据不再请求路径上追加

   (2)<input/>标签 用于获取用户输入的信息,type的属性只不同,搜集方式也不同

      type属性

        文本框:text  单行输入字段,可在其中输入文本,默认宽度20个字符

        密码框:password  

        单选框:radio 只能被选中一个 设置此选项是,例如设置男女,要在input中规定name属性,并且name属性的只相同,否则男、女两个选项都能选

        提交按钮:submit  会把表单中的内容发送到服务器,一般不写name属性,否则会将“提交”两个字发送到服务器

         复选框:checkbox  

        文件上传组件:file  

        隐藏字段:hidden  数据发送到服务器,但浏览器不进行显示

        重置按钮:reset  

        图形提交按钮:image  通过src给按钮设置图片  

        普通按钮:button 

      name元素名,如果需要表单输入提交到服务器必须提供name属性,服务器通过属性值获得提交的资源

      value属性:设置input标签的默认值。submit和reset为按钮显示数据

      size大小

      checked属性:但选款或复选框被选中

      readonly:是否只读

      disabled:是否可用

      maxlength:允许输入的最大长度

  (3)<select><select/>下拉列表标签

     <select>下拉列表

       nane属性:发送给服务器的名称

       mutiple属性:不写默认选单,取值为“multiple”表示多选

       size属性:多选是,可见选项的数目

    <option>子标签

       selected:勾选当前列表

       value:发送给服务器的选项值 

  (4)<textarea>文本域 多行的文本输入控件

      close属性:文本域的列表

      rows属性:文本域的行数

  (5)<button>按钮标签

    <button type = "button|reset|submit">按钮标签,一般很少使用,提供“普通|重置|提交”功能,不同浏览器默认值不同  

 

html基础

标签:cells   文件上传   目录名   border   value   表单提交   必须   eth   ima   

原文地址:https://www.cnblogs.com/haowenliang/p/9340314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!