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

JavaWeb01_html basic

html操作思想

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

font标签

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

标题标签 4a249f0d628e2318394fd9b75b4636b1 473f0a7621bec819994bb5020d29372a ... 4e9ee319e0fa4abc21ff286eeb145ecc 489364b7e0629f9745997c79a31b7c6d

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

注释

• 4d6018a978959614927df657a8666c1d

列表标签

• 5c69336ffbc20d23018e48b396cdd57a 73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e 67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35 cd324b2387ec29e44e8e788c60648872

• 有序

• 无序

图像标签

• b3cb26ff25bf27daf17a7a16f59234f9

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

路径（相对路径）

• 在同一级目录：直接写

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

• 在上层目录： ../

超链接标签

8fc5b7b29a34be241b983e970e31e526显示在页面上的内容5db79b134e9f6b82c0b36e0489ee08ed

• 打开方式 target=”_self _blank”

• 默认是在当前页面打开

表格标签

f5d188ed2c074f8b944552db028f98a1
    a34de1251f0d9fe1e645927f19a896e8
        b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf
        b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b   555030cb2b5267c41522c066290065a2
    fd273fcf5bcad3dfdad3c41bd81ad3e5
f16b1740fad44fb09bfe928bcc527e08

html的五个规范

• 一个html文件开始标签和结束的标签100db36a723c770d327fc0aef2ce13b1和73a6ac4ed44ffec12cee46588e518a5e

• html包含两部分内容

• 93f0f5c25f18dab9d176bd4f6de5d30e设置相关信息9c3bca370b5104690d9ef395f2c5f8d1

• 6c04bd5ca3fcae76e30b72ad730ca86d显示在页面上的内容都写在body里面36cc49f0c466276486e50c850b7e4956

• html的标签是成对的

• html的代码不区分大小写

• 有些标签，在标签内结束。比如换行:df250b2156c434f3390392d09b1c9563 分割线:231a563c997aa9e3e0ae614bd16728b0

表单标签

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

• ff9c23ada1bcecdd1a0fb5d5a0f18437和f5a47148e367a6035fd7a2faa965022e

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

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

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

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

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

• method:表单的提交方式

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

• 面试题目：get和post区别

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

• 普通输入项：5405ec19f1d2c7c9609565a405b3e7ac

• 密码输入项：36e29ba6ef97f5f43a0dfadc4ba067fc

• 单选输入项：bec2eb6e464ab42efd8e5ed305fe3a45
  -> 在里面需要属性name
  -> name的属性值必须要相同
  -> 必须有一个value值

• 复选输入项：af21edc47aa0b45af8003be38089a721
  -> 在里面需要属性name
  -> name的属性值必须要相同
  -> 必须有一个value值

• 文件输入项（在后面上传时侯用到）
  -> d9fae9a589f7d7312c0f67fffbcf927a

• 下拉输入项（不是在input标签里面的）
  

  <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"/>

• 大部分的输入项使用 345fd444834ea713d11a61ae4a25c4df

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

• b –加粗

• s –删除线

• u –下划线

• i –斜体

• pre –原样输出

• sub和sup –下标和上标

• div –自动换行

• span –在一行显示

html头标签的使用

• html两部分组成 head和body

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

• 可以统一设置超链接的打开方式601b81223496046ea1e683684b6cbbaa –设置全文超链接以新窗口打开

• d0570e7d83ad9ce401dcbd91a4ac9c0f –以前的搜索引擎检索方式

• 6d22264add33a63f2df6002f5dfb4383 –三秒跳转

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

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

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

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

• link标签：引入外部文件

框架标签的使用

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

• f900b4fc197b16ab214eecf015bb6bd2标签

• rows:按照行进行划分 fcb6cc13998eaef4d3f9afa602023caa

• cols:按照列进行划分 b6142877576e70b35c26ba4a657346f3

• 04a0d55efbbfd646a993fbc01f262c57标签

• c34bdaaa68bf12ac10f5c94fca59cd2c

• 具体显示的页面

以上是JavaWeb之关于html基本学习的具体介绍的详细内容。更多信息请关注PHP中文网其他相关文章！