html学习

本文介绍了HTML的基本概念和常用标签,包括文件结构、排版标签、表单标签等,并详细解释了表单提交方式的区别。

1、html不是一种编程语言,而是一种标记语言

2、html文件的扩展名可以为htm

3、html结构  

<html>
  <head>

包括资讯信息:整个页面的属性、指导浏览器解析的标签、引入外部文件的的标签

</head>

<body>
  展示的信息
</body>
</html>

4、空标签  功能比较单一 <br></br> === <br/>

5、html不区分大小写 建议使用小写

6、基本标签

文件标签(结构标签)

   <html>

   <head>

              <title>:页面的标签

   <body>

  排版标签    <!--  -->   <br\>   <p>   <hr>

   块标签     <div>   <span> 可以进行友好提示 style="background-color:red"

   文字标签     <font>     face表示字体类型  size最大值是7,最小值是1,默认值是3

  标题标签     <h1>  <h2>  <h3>  <h4> <h5> <h6>

   清单标签     <ul>    <ol>     <li>   可以实现菜单

   图形标签    <img>  

   链接标签      页面跳转和锚定访问   href ,target  (#name)

   表格标签   <table> <tr> <td> <th>  <caption>   <thead> <tbody> <tfoot>  分块加载,用户体验比较好

html表单标签

fom标签

1、<form>

     </form>

     属性:name:表单名称

                action:提交的路径地址

                methods:提交方式

                get和post区别:

                (1)get提交将数据加在地址栏的后面,post提交将数据封装在请求体中

                (2)get提交相对不安全,post提交相关安全

                (3)get提交有大小限制,根据浏览器不同而不同 post不限制大小

2、input标签

  属性:type:根据type值的不同会显示不同功能的表单项

             text:普通的文本输入框

             password:密码输入框

             radio:单选按钮     注意:组的概念,如果想让一组单选按钮互斥,必需name属性相同

                      checked:代表默认被选中

             checkbox:复选框  注意:组的概念 如果想让一组单选按钮互斥,必需name属性相同

                     checked:代表默认被选中

             file:上传文件

             button:普通按钮 没有任何内置功能

            submit:提交暗流 点击表单按照action地址进行提交

             reset:重置按钮  点击会将表单清空

            image:图片按钮  点击表单按照action地址进行提交

                  属性: src:图片的地址

                              alt:图片的文字信息

              name必须写,后台根据name获取数据值

3、select标签

     name:表单项的名称

    <option>:代表一个选择项

    属性:value

               selected:默认被选中的项

 

4、textarea标签

    属性:cols:列数

               rows:行数

              默认的文本值在标签体

frameset和body标签会相互打架

frameset:

       属性:cols:按列划分

                  rows:按行划分

                  划分的格式   rows="120,*"    *表示剩余

frame:

      属性: name:名称    方便target根据name值进行定位

                  src:加载页面的路径

 

特殊字符:

    &gt;大于

    &lt;小于

    &copy;版权

    &nbsp;空格

     &Reg;注册

其他标签:

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

   <meta http-equiv="content-type" conten="text/html;charset=UTF-8">

    <link rel="stylesheet" type="text/css" href="./styles.css">

     <script type="text/javascript" src=""></script>   src:js的文件地址

转载于:https://www.cnblogs.com/bluecloudwyy/p/9432721.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值