Java进阶学习第一天——HTML入门

最新推荐文章于 2022-06-19 11:23:15 发布
最新推荐文章于 2022-06-19 11:23:15 发布
阅读量3.7k 收藏 8
点赞数 3
分类专栏： Java Java进阶 文章标签： Java进阶 HTML入门 MyEclipse html标签 html表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lutianfeiml/article/details/51100118
版权
文档版本开发工具测试平台工程名字日期作者备注
V1.02016.04.06lutianfeinone

第一章HTML

HTML 概述

  • HTML： HyperText Markup Language 超文本 标记 语言。

    • HTML是最基础的网页语言。
    • HTML的代码都是由标签所组成。

  • HTML的基本格式

<html>
    <head>
        * 存放属性的信息，辅助性的信息
        * 引入外部的文件（重要）
        * 会先加载
    </head>
    <body>
        * 存放的是真正的数据
    </body>
</html>


HTML注意事项

  • 多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束。
  • 想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
  • 属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引号。或公司规定书写规范。


MyEclipse学习

  • MyEclipse 安装过程
    • 安装JDK，配置环境变量
    • 安装MyEclipse。
MyEclipse配置
  • 配置工作空间的编码（采用UTF-8编码）

  • Window—preferences—General–workspace—选择UTF-8编码

  • 创建HTML的文件后，如果不是UTF-8的编码，可以进行设置。

    • Window—preferences—MyEclipse—Files and Editors—HTML—修改成UTF-8的编码

  • 创建HTML的文件后，可以选择打开方式，设置默认的打开方式。

    • Window—preferences—General—Editors—File Associations—选择*.html—选择MyEclipse HTML Editor—选择default—选择ok
MyEclipse中创建web的项目

  • 创建web的项目

    • 右键 – 选择web project – 其名称 – 完成就ok。

  • 编写HTML的文件

    • 在WebRoot目录下 – 右键 – new – myeclipse – web – 选择html的基本模板（Basic Templates） – 其名称 – 完成。


HTML的标签

排版的标签
  • <!-- --> HTML的注释
  • <br /> 换行标签
  • <hr /> 一条水平线
  • color : 颜色
    • 值的写法：两种
      • 1）直接写英文的单词（red green blue）
      • 2）RGB三原色(red green blue) #ab1255
  • width： 宽度
    • 值两种写法：
      • 1） 200px;
      • 2） 可以写百分比
      • 区别：百分比跟着浏览器的大小而改变，像素值不会。
  • <p></p> 段落标签
    • 现象：段落标签的开始和结束位置留一空行。
    • align：对齐方式
    • &nbsp; : 代表空格
  • <div></div> ： 在浏览器声明一块区域，区域中放入其他（文字，子标签），一般+CSS+DIV在网页进行布局（美工）

  • <span></span>

    • div块级元素（末尾实际会产生换行操作）
    • span标签不会换行

  • eg1: div的应用

  • eg2: span的应用


字体标签
  • <font></font>
    • color: 颜色
    • size： 字体的大小
      • 最小值是：1
      • 最大值是：7
      • 默认值： 3
      • 值的写法 +2 （3+2）
    • face： 字体的类型


标题标签

  • 注：<title> </title>表示的是文件的标题

  • 部分内容的标题

    • <h1></h1>
      …
      <h6></h6>
    • 特点：逐渐缩小
  • 粗体： <b> </b>
  • 斜体: <i> </i>

  • 标签可以嵌套的

    • <b><i>文本的内容</i></b>

  • 特殊字符

    • <: &lt;
    • > : &gt;
    • & : &amp;


列表标签
  • 数据格式化列表
    • 自动对齐，缩进的
<dl>
    <dt>上层项目</dt>
    <dd>下层项目</dd>
    <dd>下层项目</dd>
</dl>


  • 有序列表
<ol>    
    <li>数据的条目</li>
    <li>数据的条目</li>
    <li>数据的条目</li>
</ol>

  • ol的属性

    • type="a" : 以abc的顺序排序
    • start="" ：序号从哪开始

  • 无序（用的最多）

<ul>
    <li>数据条目</li>
    <li>数据条目</li>
    <li>数据条目</li>
</ul>
  • ul的属性
    • type="" ： 默认为黑点，可以改为其他值。


图片标签
  • <img />
  • 属性：
    • src=”图片的地址”
    • width=”图片的显示宽度”
    • height:图片显示的高度
    • alt：图片的说明文字


超链接标签
  • 写法：<a></a>
  • 链接资源
    • 必须要指定属性：href="链接的地址"
    • 需要编写协议
      • HTTP : href="http://www.baidu.com"
    • 默认file文件的协议
      • 如果浏览器可以解析文件，默认会打开文件。
      • 如果浏览器不可以解析文件，弹出下载窗口。
    • 支持自定义协议
      • 浏览器解析不了的协议，默认找操作系统的引用程序。
    • target="_blank":在新的页面打开。
  • 定位资源
    • name : 定义锚点
    • 点击 href="#锚点名称"
表格标签
  • 把数据封装成表格。
<table>
    <caption>用户列表</caption>
    <tr>
        <th>数据</th>
        <th>数据</th>
    </tr>
    <tr>
        <td>数据</td>
        <td>数据</td>
    </tr>
</table>

  • table的属性
    • border : 边框
    • width : 宽度
    • height : 高度
    • bgcolor : 背景颜色

  • tr的属性

    • align:中间的文字的对齐方式

  • td与th区别：

    • th中间的内容粗体显示。
    • th中间的内容默认居中。
    • th一般用来表格的表头

  • td的属性

    • width 宽度
    • height 高度
    • 合并单元格（值的写法：合并几个单元格，值就写几）
      • 行合并 : rowspan=""
      • 列合并 : colspan=""

  • <caption></caption>必须要写在table的中间(里面)


表单标签（重点）
  • 作用：收集用户输入的数据

  • <form >的属性

    • action="表单的提交路径"
      • 网页：http://www.baidu.com
      • html页面
    • method="提交方式（默认是get方式）"（面试题）
      • form表单的提交方式有哪些？（get和post的区别）
        • 答：form表单提交方式有很多，常用的有两种post和get
          • post和get提交方式的区别：
            • get方式会把参数列表显示在地址栏上，post方式不会（请求体）。
            • get方式说明网站安全级别较低，post网站安全级别较高。
            • get方式不支持大数据，post支持大数据。
        • 推荐大家使用post方式。

  • 用户输入的内容
    <input type="类型" name="名称(必须要指定)" value="是否指定value属性看情况" />

    • type="text" :普通的文本框

      • name属性必须要指定，value可以看情况指定(默认显示值)

    • type="password" : 密码框

    • type="radio" : 单选按钮

      • name必须指定，value必须指定
      • name表示属性，值要相同
      • 默认值：checked=checked或者true

    • type="checkbox" : 多选按钮

      • name必须指定,value必须指定
      • 默认值：checked=checked或者true

    • type="reset" 重置：恢复到最初的状态

    • type="submit" 提交表单,作用如下：

      • 点击提交后，地址栏发生了变化（多了?sex=on）
      • 在普通的文本框上添加name属性 name="username"之后，点击提交，地址栏发生了变化（?username=haha&sex=on）

    • type="file" 选择文件

      • name属性必须指定

    • type="hidden" 隐藏组件

      • name指定， value指定

    • type="button" 按钮

      • value="显示的文字"
      • 和js（javascript） 绑定事件

    • type="image" 图片

      • 提交:引入外部的一个文件（图片）

    • 选择框

          <select name="city">
        <option value="bj">北京</option>
        <option value="sh">上海</option>
    </select>
      • selected=”selected” 代表默认值
    • 文本域<textarea>
      • rows=”行”
      • clos=”列”
      • name属性 指定
      • selected=”selected” 代表默认值



框架标签（了解）
  • 对网页进行布局
<frameset rows="150,*">
    <frame >    代表上半部分
    <frame >    代表下半部分
</frameset>
  • 前提条件：不能写在<body>标签的内部和下面。
  • 属性：
    • src=""：引号中可以加网址。
    • name=“”：每个区域的名称。
鹿天斐
关注
专栏目录
【Java基础知识 1】Java入门级概述
学Java，找哪吒
09-25 15万+
CSDN最强Java专栏，包含全部Java基础知识点、Java8新特性、Java集合、Java多线程、Java代码实例，理论结合实战，实现Java的轻松学习。
JavaWeb-HTML入门
最新发布
摸鱼胖嘟嘟的博客
02-03 823
这里会借助form，form表示一个表单标签，借助这个form可以让用户输入一些信息，并且提交到服务器上，form里面可以放一些和用户交互的组件。换行使用br标签，注意br标签是单标签，只有开始标签，没有结束标签，同时html会忽略空格，会将多个相邻的空格合并成一个空格。这是一个更加规范的HTML代码，通过标签结构来构成的，每个标签，都分成了开始标签和结束标签成对出现的，标签之间可以嵌套。标题使用h1-h6这个数字是任意的，数字越小，里面的内容就越粗越大，数字越大，里面的内容就越细越小。
学习java的学html这一篇就够了
软件大咖
06-07 4956
推荐一个学习群java《学习》+交流群 523401738每天晚上在腾讯课堂都有一个Java技术学习课,会有老师分享干货,帮助大家分析解答问题百度一下，你就知道一、什么是HTMLHTML（HyperText Mark-up Language）即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动...
HTML基础进阶
weixin_34014555的博客
07-20 116
HTML表单 form标签 <form> 标签代表一个表单，表单用于向服务器传输数据。 标签能够包含 <input> ，可以是文本字段，复选框，单选框或提交按钮等。还可以包含<textarea> <select>等。 <form>常用属性: na...
JavaWeb学习——简单学习HTML5（二）
qq_43411550的博客
06-19 271
JavaWeb学习——简单学习HTML5（二） 今天，我们来学习HTML中的表单< form >。表单，是用来搜集不同类型的用户输入。HTML表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 表单基本语法： <!-- 表单： action：表单数据向哪里提交 method：提交方法 --> <form action="www...
JavaWeb入门：第一章 HTML基础
落落free的博客
08-10 410
第一章 HTML基础 文章目录第一章 HTML基础1. HTML常用标签2. 表格3. 表单4. 最重要的元素Div和span5. 转义字符 定义：超文本标记语言(Hyper Text Markup Language)，是一种标签语言，不是编译型语言，也不是编程语言。 超文本: 比普通文本功能更加强大,可以添加各种样式 标记语言: 通过一组标签.来对内容进行描述. <关键字> ,...
学习Java第一天
weixin_44962131的博客
07-12 457
Java初识 Java简介 开发第一个Java程序 开发环境搭建 使用Eclipse进行开发 Java简介 Java是一门面向对象的程序设计语言 1995年由sun公司发布 2010年被Oracle公司收购 JVM JVM(Java Virtual Machine)，Java虚拟机 JVM是Java平台无关性实现的关键 JDK JDK(Java Development kit)，Java语言的软件开发工具包 两个主要组件: – javac -编译器,将源程序转成字节码 – java-运行编译后
30天Python入门到进阶（基础篇）——第1天：入门基础
全栈菜鸟
06-07 1903
本章节我将给大家介绍最简单、最常用的、Python第一个入门程序。
30天Python入门到进阶（基础篇）——第3天：运算符
全栈菜鸟
06-17 1280
Python 中的运算符主要分为算术运算符、比较（关系）运算符、赋值运算符、逻辑运算符、位运算符、成员运算符和身份运算符共 7 大类，运算符之间也是由优先级的，下面我们就来进行具体介绍。......
30天Python入门到进阶（基础篇）——第4天：数据类型
全栈菜鸟
06-19 862
在任何编程语言中都有，其中各个语言之间的数据类型也是相差不是特别大的。如果之前学过其它语言，比如 Java、C、C++ 等等语言，那么此时再来看 Python 的数据类型应该就非常简单了。
JAVA入门教程21天学通JAVA2第三版
09-13
### JAVA入门教程21天学通JAVA2第三版——关键知识点解析 #### 一、JAVA入门书籍推荐 - **《Java语言》**：适合初学者，全面覆盖Java基础语法及面向对象的基本概念。 - **《Thinking in Java》**：虽然内容深入且...
Java 学习第一天
kevin008666的博客
02-02 150
Java 学习第一天 1.安装环境 俗话说的好 工欲善其事必先利其器 所以我先去百度搜索了JDK8来进行下载（对于我们初学者来说，JDK8够用了） 然后进入这个网页下载 同意流氓协议，下载，发现还要登录，就注册了一个账号（发现这是甲骨云，想趁机白嫖服务器，发现账户不同***悲催***） 下载下来后就要安装了 （注意！！如果你之前玩MC下载了java，建议你把Path中和JAVA有关的全部删除，JAVA_HOME也删除。然后把之前安装的JAVA删除。） 然后双击下载下来的文件，选定一个无中文，你记得住的目
Java学习第一天
qq_46174044的博客
06-06 199
Java学习第一天 我是一个Java纯白小白，今天第一天学习Java，写的博客可能会有错误和不足，希望大家多多批评。 第一天内容 1.java学前准备 2Java的历史 3.Java的软件安装与环境配置 4.idea常见小问题 5.Java注释 6.数据类型 7.变量、常量 8.运算符 9.小结 一、Java学前准备 1.博客、Markdown语法 2.计算机基本结构 3.cmd 1.博客、Markdown 我是看的b站上狂神说的java，他提到博客的自我检测法，于是今天开始写博客。 在这里推荐一个线下
java学习第一天
m0_62469100的博客
04-29 166
作为一个java初学者，在历经了四天，96个小时的这么后终于运行出第一个java程序，成功输出Hello World!,可能一部分人认为java一般要输出Salution mondo!,这些都不重要，在我历经反反复复下载eclipse，IDEA，以及文本编译器notepad,有反反复复配置环境变量，然后又尝试重置电脑，没错，重置电脑，最后依然不能正确运行时，终于在今天迈出了第一步，成功完成java程序的创建以及成功运行java程序时，控制台成功输出hello world ，我也想说，hello java w
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值