登录  /  注册

JavaWeb之关于html基本学习的具体介绍

黄舟
发布: 2017-07-24 13:49:06
原创
992人浏览过

javaweb01_html basic

html操作思想

  • 使用标签把要操作的数据包起来,通过修改标签的属性值,来实现标签内数据样式的变化

font标签

  • 属性:size取值范围1-7 color:英文单词,十六进制数 #ffffff

标题标签 <h1> </h1> ... <h6> </h6>

  • 从h1到h6越来越小,自动换行

注释

  • <!-- html的注释 -->

列表标签

  • <dl> <dt></dt> <dd></dd> </dl>

  • 有序

  • 无序

图像标签

  • <img src="%E5%9B%BE%E7%89%87%E7%9A%84%E8%B7%AF%E5%BE%84" style="max-width:90%" height="" alt="">

  • alt:浏览器的兼容性很差

路径(相对路径)

  • 在同一级目录:直接写

  • 在下一层目录:images/1.jpg

  • 在上层目录: ../

超链接标签

<a href="%E8%B7%AF%E5%BE%84">显示在页面上的内容</a>

  • 打开方式 target=”_self _blank”

  • 默认是在当前页面打开

表格标签

登录后复制
                              

html的五个规范

  • 一个html文件开始标签和结束的标签

  • html包含两部分内容

    • 设置相关信息

    • 显示在页面上的内容都写在body里面

  • html的标签是成对的

  • html的代码不区分大小写

  • 有些标签,在标签内结束。比如换行:<br> 分割线:<hr>

表单标签

  • 可以提交数据到服务器,这个过程可以用表单标签实现

  • <form></form>

    • get请求地址栏会携带提交的数据,post不会携带

    • get请求安全级别较低,post较高

    • get请求数据大小的限制,post没有限制

    • 常用的有两种 get和post get默认就是get请求

    • action:提交到地址,默认提交到当前页面

    • method:表单的提交方式

    • enctype: 一般请求下不需要这个属性,做文件上传时候需要设置这个属性

    • 面试题目:get和post区别

  • 输入项:可以输入内容过选择内容的部分

    • 普通输入项:<input type="text">

    • 密码输入项:<input type="password">

    • 单选输入项:<input type="radio"><br>-> 在里面需要属性name<br>-> name的属性值必须要相同<br>-> 必须有一个value值

    • 复选输入项:<input type="checkbox"><br>-> 在里面需要属性name<br>-> name的属性值必须要相同<br>-> 必须有一个value值

    • 文件输入项(在后面上传时侯用到)<br>-> <input type="file">

    • 下拉输入项(不是在input标签里面的)<br>

      <select name="birth">
          <option value="0">请选择</option>
          <option value="1991">1991</option>
          <option value="1991">1992</option>
          <option value="1991">1993</option>
          <option value="1991">1994</option>
      </select>
      登录后复制
    • 文本域

    • <textarea cols="10" rows=""></textarea>
      登录后复制
    • 隐藏项(不会显示在页面上,但是存在于html代码里面)

    • <input type="hidden"/>
      登录后复制
    • 提交按钮

    • <input type="submit"/>
      <input type="submit" value="注册"/>
      登录后复制
    • 使用图片提交

    • <input type="image" src="a.jpg"/>
      登录后复制
    • 大部分的输入项使用 <input type="输入项的类型">

html中其它的常用标签的使用

  • b –加粗

  • s –删除线

  • u –下划线

  • i –斜体

  • pre –原样输出

  • subsup –下标和上标

  • div –自动换行

  • span –在一行显示

html头标签的使用

  • html两部分组成 head和body

    • 可以使用link标签引入css文件

    • 可以统一设置超链接的打开方式<base target="_blank"> –设置全文超链接以新窗口打开

    • <meta name="keywords" content="学习,熊出没"> –以前的搜索引擎检索方式

    • <meta http-equiv="refresh" content="3; url="> –三秒跳转

    • 在head里面的标签就是头标签

    • title标签:表示在标签上显示的内容

    • 标签:设置页面的一些相关的内容

    • base标签:设置超链接的基本设置

    • link标签:引入外部文件

框架标签的使用

使用框架标签的时候,不能写在body里面,使用了框架标签,需要把body去掉

  • <frameset></frameset>标签

    • rows:按照行进行划分 <frameset rows="80, *"></frameset>

    • cols:按照列进行划分 <frameset cols="80, *"></frameset>

  • <frame>标签

    • <frame name="lower_left" src="b.html">

    • 具体显示的页面

以上就是JavaWeb之关于html基本学习的具体介绍的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号