JAVA学习笔记（HTML快速入门）

已于 2022-02-03 22:22:34 修改
阅读量558 收藏 1
点赞数
分类专栏： Web端+HTML+CSS 文章标签： html java 前端
于 2022-02-03 22:22:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_Admin0/article/details/122770157
版权

文章目录

1、快速入门

1.新建文本文件，后缀名改为 .html/.htm

2.编写 HTML结构标签

3.在中使用

定义标题字体

4.使用标签定义图片

5.保存后，使用浏览器打开该文件

标签描述
<HTML>定义 HTML 文档
<head>定义关于文档的信息
<title>定义文档的标题
<body>定义文档的主体

2、基础标签

标签描述
<h1> ~ <h6>定义标题，h1最大，h6最小
<font>定义文本的字体、字体尺寸、字体颜色
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>定义文本居中
<p>定义段落
<br>定义折行
<hr>定义水平线
HTML 原代码显示结果描述
&lt;<小于号或显示标记
&gt ;>大于号或显示标记
&amp;&可用于显示其它特殊字符
&quot;“引号
&reg;®已注册
&copy;©版权
&trade;™商标
&nbsp;不断行的空白

3、图片、音频、视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频

  • img：定义图片

    • src：规定显示图像的 URL
    • height：定义图像的高度
    • width：定义图像的宽度

  • audio：定义音频。支持的音频格式：MP3、WAV、OGG

    • src：规定音频的 URL
    • controls：显示播放控件

  • video：定义视频。支持的音频格式：MP4, WebM、OGG

    • src：规定视频的 URL
    • controls：显示播放控件

3.1、超链接标签

标签描述
<a>定义超链接，用于链接到另一个资源
  • href：指定访问资源的URL
  • target：指定打开资源的方式
    • _self:默认值，在当前页面打开
      • _blank：在空白页面打开

3.2、列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
  • type：设置符号的类型

3.3、表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格

  • table：设置符号的类型

      * table：定义表格
  	* width：宽度
  	* border：边框
  	* cellpadding：定义内容和单元格的距离
  	* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
  	* bgcolor：背景色
  	* align：对齐方式
  * tr：定义行
  	* bgcolor：背景色
  	* align：对齐方式
  * td：定义单元格
  	* colspan：合并列
  	* rowspan：合并行
  * th：定义表头单元格
  * <caption>：表格标题

3.4、布局标签

标签描述
<div>定义 HTML 文档中的一个区域部分，经常与 CSS 一起使用，用来布局网页
<span>用于组合行内元素。

3.5、表单标签

标签描述
<form>定义表单
<input>定义表单项，通过type属性控制输入形式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域

3.6、type取值

type 取值描述
text默认值。定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义复选框
file定义文件上传按钮
hidden定义隐藏的输入字段
submit定义提交按钮，提交按钮会把表单数据发送到服务器
reset定义重置按钮，重置按钮会清除表单中的所有数据
button定义可点击按钮
梦幻蔚蓝
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致，有一些自己的理解和一些扩展的部分
Java前端___HTML入门
yeshengchao的博客
05-29 485
网页设计    网页，是采用html来进行编写的。一、html基本介绍    html，它的全称叫超文本标记语言。通俗点说，就是用来编写网页的语言。它目前最新的版本是html5，简称h5。特点如下：    1）可以直接用记事本、gedit等文本软件进行编写，但文件名通常要求以.html结尾。    2）它的语法全部是由标记组成，标记之间可有嵌套包含关系。    3）编写好的html文件，俗称网页。...
HTML入门
Java编程基础
05-12 256
一、网页基本概念 网页：网页是构成网站基本元素，是承载网站应用的平台 网页元素组成：图片、文本、视频、音频等… HTML：（Hype Text Markup Language） 超文本标记性语言，通过HTML标签可以将网络上文档格式统一 二、网页开发工具 Dream Weaver：梦想编织者，所视即所得 Sublime Text：非常强大的文本编辑器，可以快速集成各种插件 WebStorm：“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE” HBuilder：国产
【狂神说Java】HTML快速入门
路边烧卖
05-17 1585
目录1.初识HTML2.网页基本信息3.网页基本标签4.图像标签5.超链接标签应用6.行内元素和块元素7.列表标签8.表格标签9.媒体元素10.页面结构分析11.iframe内联框架12.初始表单post和get提交13.文本框和单选框14.按钮和多选框15.列表框文本域和文件域16.搜索框滑块和简单验证17.表单的应用18.表单初级验证 初始HTML 网页基本标签 图像，超链接，网页布局 列表，表格，媒体元素 表单及表单应用 表单初级验证 1.初识HTML 什么是HTML HTML Hype
Javaweb学习笔记——（一）——————进入html
第二颗大白菜
03-22 3277
1.html的简介 *什么是html？ -HyperText Markup Language：超文本标记语言，网页语言 **超文本：超出文本的范畴，使用html可以轻松实现这些操作 **标记：html所有的操作都是通过标记实现的，标记就是标签，&lt;标签名称&gt; **网页语言： *第一个html程序。 -创建java文件.java **先编译，然后再运行（jvm） -h...
JavaWeb01-HTML篇笔记（一）
czbkzmj的博客
05-09 182
1.1 案例一：网站信息页面的显示：1.1.1 需求：在网页中显示网站的信息的页面：效果如下：1.1.2 分析:1.1.2.1 技术分析：【HTML的概述】Ø 什么是HTMLHTML:Hyper Text Markup Language  --- 超文本标记语言.* 标记语言：指的是通过一组标签的形式描述事物的一门语言.* 超文本：比普通的文本更强大.Ø HTML的作用HTML是用来制作页面(静态...
JAVA笔记.html
02-09
java学习笔记，供复习参考 Java开发工具 Java语言尽量保证系统内存在1G以上，其他工具如下所示： Linux 系统、Mac OS 系统、Windows 95/98/2000/XP，WIN 7/8系统。 Java JDK 7、8…… Notepad 编辑器或者...
Java/JavaEE 学习笔记
03-20
Core Java学习笔记...........31 第一章 JAVA前言..31 第二章 标识符，关键字，类型........35 第三章 表达式与流控制....................41 第四章 数组.............50 第五章 对象和类（OO思想）.........53 第...
Web前端HTML视频教程课堂笔记
12-17
本视频教程主要讲解了HTML基础语法，内容主要包括：HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、...通过该视频的学习之后，可以开发基本的网页，并且可以看懂别人编写的HTML页面。
JavaWeb入门学习笔记.chm
01-23
此文档为传智播客老师JavaWeb入门视频的笔记，其中包含视频中的讲解过程笔记记录以及课程中的案例源代码实现，笔记已转成CHM文档格式，方便阅读 1.此笔记为JavaWeb非常全面的教程，适合JavaWeb爱好者自学。循序渐进...
JavaWeb18-HTML篇笔记（一）
czbkzmj的博客
06-20 118
1.1 上次课内容回顾:注解:* JDK中的三个注解:[/align] * 自定义注解: * @interface * 注解类型:基本类型,String,Class,注解,枚举,以上类型的一维数组. * 注解的反射: Servlet3.0 * 注解开发: * 文件上传: * 异步请求: 动态代理： * Proxy.new...
JavaWeb笔记：HTML
FallingSkies的博客
09-22 228
JavaWeb 使用Java语言开发基于互联网的项目 B/S架构详解 资源分类 静态资源： 使用静态网页开发技术发布的资源 特点： 所有用户访问，得到的结果是一样的 如，文本，图片，音频，视频，HTML,CSS,JavaScript 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，浏览器中内置了静态资源的解析引擎，可以展示静态资源 动态资源 使用动态网页技术发布的资源 特点 所...
这是一个简单的照明材料网站，后续还会更新
m0_64180190的博客
04-29 2326
产品中心|联系方式|新闻动态网页首页|产品中心|联系方式|新闻动态
用html画一个四叶草
liulang68的博客
04-20 2153
以上是部分代码，需要请看主页加联系方式。
HTML 学习笔记
m0_62870588的博客
04-28 1032
html超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 1.HTML文档的后缀名 (1) .html (2) .htm 这里更推荐使用 ".html "，命名应该遵从含义清晰、简洁、一致性原则。".htm"写法是来源于老的8.3文件格式，DOS操作系统只支持后缀名的长度为三位，现在的版本则没有对命名长度的限制，因此建议选择无限制命名长度的方式" html"。 2.HTML网页结构 下面是一个HTML的叶面结构
CSS中的圆角和阴影
小何代码咖啡馆
04-21 1658
在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）水平阴影(horizontal shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（必需值）垂直阴影(vertical shadow)，可以为负值。（可选值）将外（盒子的背面）阴影改为内（盒子之上）阴影。CSS3 中新增了盒子阴影，可以使用。属性为盒子添加阴影。（可选值）阴影模糊程度。（可选值）阴影模糊程度。
使用html画一个键盘
liulang68的博客
04-22 3709
【代码】使用html画一个键盘。
前端html中iframe的基本使用
Keep trying, keep going
04-30 766
的容器，通过 CSS 控制容器的样式和尺寸。此示例中的通信是在同一个域名下进行的，因此没有出现跨域问题。// 通过通过父窗口找到子窗口的window， 再向子窗口发送消息。因此，postMessage的作用是 父窗口向子窗口发送了一条消息。// 父窗口 监听子窗口发出的消息(如果有；需要注意的是，由于跨域安全策略的限制，父窗口只能与同源的。事件，当页面加载完成时，隐藏覆盖层，显示。是父窗口（当前窗口）中的一个引用，通过。中加载的文档的通信。元素嵌入子窗口的，可以通过。对象，并与子窗口进行通信。
HTML_CSS学习:CSSLearning
最新发布
m0_74972727的博客
05-01 512
【代码】HTML_CSS学习:CSSLearning。
java 学习笔记 xmind
01-02
Java 学习笔记 XMind 是一款专门用于整理和管理 Java 学习内容的思维导图软件。通过 XMind，我们可以将 Java 相关的知识点、重点、代码案例、类库等内容进行整理和分类，方便我们进行学习和复习。 首先，我用 XMind...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦幻蔚蓝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值