正文 

当前位置： 首页 > java > java教程

javaweb_01_html基本学习

FLATCC      2022-02-13     765

关键词：

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="图片的路径" width="" height="" />
  • alt:浏览器的兼容性很差

路径（相对路径）

  • 在同一级目录：直接写
  • 在下一层目录：images/1.jpg
  • 在上层目录： ../

超链接标签

<a href="路径">显示在页面上的内容</a>

  • 打开方式 target=”_self _blank”
  • 默认是在当前页面打开

表格标签

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>

html的五个规范

  • 一个html文件开始标签和结束的标签<html>和</html>
  • html包含两部分内容
    • <head>设置相关信息</head>
    • <body>显示在页面上的内容都写在body里面</body>
  • html的标签是成对的
  • html的代码不区分大小写
  • 有些标签，在标签内结束。比如换行:<br /> 分割线:<hr />

表单标签

  • 可以提交数据到服务器，这个过程可以用表单标签实现
  • <form>和</form>
    • action:提交到地址，默认提交到当前页面
    • method:表单的提交方式
      • 常用的有两种 get和post get默认就是get请求
    • enctype: 一般请求下不需要这个属性，做文件上传时候需要设置这个属性
    • 面试题目：get和post区别
      • get请求地址栏会携带提交的数据，post不会携带
      • get请求安全级别较低，post较高
      • get请求数据大小的限制，post没有限制
  • 输入项：可以输入内容过选择内容的部分
    • 大部分的输入项使用 <input type="输入项的类型"/>
      • 普通输入项：<input type="text"/>
      • 密码输入项：<input type="password"/>
      • 单选输入项：<input type="radio"/>
        -> 在里面需要属性name
        -> name的属性值必须要相同
        -> 必须有一个value值
      • 复选输入项：<input type="checkbox"/>
        -> 在里面需要属性name
        -> name的属性值必须要相同
        -> 必须有一个value值
      • 文件输入项（在后面上传时侯用到）
        -> <input type="file"/>
      • 下拉输入项（不是在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"/>

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

  • b –加粗
  • s –删除线
  • u –下划线
  • i –斜体
  • pre –原样输出
  • sub和sup –下标和上标
  • div –自动换行
  • span –在一行显示

html头标签的使用

  • html两部分组成 head和body
    • 在head里面的标签就是头标签
    • title标签：表示在标签上显示的内容
    • <meta>标签：设置页面的一些相关的内容
      • <meta name="keywords" content="学习,熊出没"> –以前的搜索引擎检索方式
      • <meta http-equiv="refresh" content="3; url=https://baidu.com"/> –三秒跳转
    • base标签：设置超链接的基本设置
      • 可以统一设置超链接的打开方式<base target="_blank" /> –设置全文超链接以新窗口打开
    • link标签：引入外部文件
      • 可以使用link标签引入css文件

框架标签的使用

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

  • <frameset>标签
    • rows:按照行进行划分 <frameset rows="80, *">
    • cols:按照列进行划分 <frameset cols="80, *">
  • <frame>标签
    • 具体显示的页面
      • <frame name="lower_left" src="b.html">

后记

以上内容只是个人学习的记录，其他未涉及的内容都可以在网络上或手册上查找的到。

另：此笔记是由markdown编写，用sublime编译成的html文档














javaweb_servlet篇_01(代码片段)

Servlet-01篇通过前段时间得JavaWeb基础学习后，对于之前学习总结的，做一下简单的梳理。本篇主要梳理相关Servlet的知识点。文章目录Servlet-01篇一、Servlet基础概念二、Servlet的生命周期三、Servlet重要函数四、手动实现简单... 查看详情

javaweb_servlet篇_01(代码片段)

Servlet-01篇通过前段时间得JavaWeb基础学习后，对于之前学习总结的，做一下简单的梳理。本篇主要梳理相关Servlet的知识点。文章目录Servlet-01篇一、Servlet基础概念二、Servlet的生命周期三、Servlet重要函数四、手动实现简单... 查看详情

学习软件测试c单元测试测试基本流程html基础

...模型（ISO/IEC9126）软件质量模型保证(SQA)软件测试基本流程HTML_01_html.html效果CSS样式_02_CSS.html_03_CSSTextControl.htmlmyCssTes 查看详情

git_学习_01_git常用命令

一、基本命令gitinit 初始化仓库gitclone  [email protected]:shirayner/WeiXin_QiYe_Demo.git 二、远程仓库2.1添加远程仓库    gitremoteaddorigingit@github.com:michaelliao/learngit.git2 查看详情

javaweb学习笔记04_javascript

晨读单词：onmouseover:鼠标移入onmouseout:鼠标移出attribute：属性node：节点document:文档element：元素textNode：文本节点append：追加 回顾之前已经使用过的事件：onfocus/onblur:聚焦离焦事件，用于表单校验的时候比较合适。onclick/ondblcl... 查看详情

[javaweb-html]html标签_文件标签(代码片段)

文件标签：构成html最基本的标签 *html:html文档的根标签 *head：头标签。用于指定html文档的一些属性。引入外部的资源 *title：标题标签。 *body：体标签 *<!DOCTYPEhtml>：html5中定义该文档是html文档 查看详情

javaweb_01

Debug模式运行，可以设置断点；F5，F6，F7结束后要记得删除断点，并停止虚拟机 快捷键alt+/：（需要手动设置）内容提示，ContentAssistantctrl+1：快速修复ctrl+shift+o：导包ctrl+shift+f：代码格式化，（自动排版）ctrl+鼠标点击：可... 查看详情

javascript_01--------学习笔记

　　下面是花了几个小时总结的JavaScript的初级教程：JavaScript（简介）　　定义：是一种脚本语言　　　　　是一种轻量级的编程语言　　用途：1.嵌入动态文本于HTML页面;　　　　　2.对浏览器事件做出响应; 　　　　　3.读... 查看详情

深度学习基础阶段

IDH_1000=1.1课程介绍&机器学习介绍.html;EvernoteExportIDH_1001=1.2深度学习(DeepLearning)介绍.html ;EvernoteExportIDH_1002=2基本概念(BasicConcepts).html ;EvernoteExportIDH_1003=3.1决策树(decisiontree)算法.html ;EvernoteExpo 查看详情

javaweb_servlet篇_01(代码片段)

Servlet-01篇通过前段时间得JavaWeb基础学习后，对于之前学习总结的，做一下简单的梳理。本篇主要梳理相关Servlet的知识点。文章目录Servlet-01篇一、Servlet基础概念二、Servlet的生命周期三、Servlet重要函数四、手动实现简单... 查看详情

javaweb学习笔记11_xml&反射

解析XML总结（SAX、Pull、Dom三种方式）反射的简单介绍：反射1、什么是反射技术？动态获取指定类以及类中的内容(成员)，并运行其内容。应用程序已经运行，无法在其中进行new对象的建立，就无法使用对象。这时可以根据配置... 查看详情

工控随笔_c#连接plc_之_c#入门_01_配置学习环境(代码片段)

...eshark进行解析，但是工作量很大，且如果对Wireshark不熟悉基本也是无解，很难解析出来。　　网上有部分用C#开发的开源库，但是自己对C#语言不懂，所以也就没法学习和应用了。因此 查看详情

百面01_特征工程

...？如何将数据利用起来？要知道，自然而然得到的数据，基本上都是散乱不整的。“特征工程&rdqu 查看详情

[javaweb]_[初级]_[对html特殊符号进行转义防止xss攻击和反转义](代码片段)

场景在开发JavaWeb程序时,为了防止XSS的JavaScript攻击,需要对用户输入转义，使JavaScript脚本不能执行.在前端可以通过获取<div>的innerHTML属性来获取转义内容，但是在服务端如何进行转义？因为客户端是可以绕过的.说... 查看详情

svn_学习_01_tortoisesvn使用教程

  二、参考资料1.TortoiseSVN新人使用指南2. 查看详情

[javaweb-html]html标签_列表标签(代码片段)

列表标签： *有序列表： *ol: *li: *无序列表： *ul: *li: 查看详情

javaweb学习-01

1.javaweb涉及技术1.1HTML 用来描述网页的一种语言。HTML指的是超文本标记语言(Hyper Text Markup Language)　　HTML不是一种编程语言，而是一种标记语言 (markuplanguage)标记语言是一套标记标签 (markuptag)HTML使用标记标... 查看详情

mq_学习_01_资源帖

...教程SunJavaSystemMessageQueue3.7UR1技术概述消息队列-推/拉模式学习&ActiveMQ及JMS学习分布式消息中间件（五）——MQ基础详解三、参考资料-集群ActiveMQ高可用集群方案ActiveMQ的集群与高可用 查看详情