Java前端知识HTML

最新推荐文章于 2024-04-25 22:32:32 发布

置顶叶之印

最新推荐文章于 2024-04-25 22:32:32 发布

阅读量863

点赞数 1

分类专栏： JAVAweb 文章标签： JAVA基础只是WEB

本文链接：https://blog.csdn.net/qq_43243190/article/details/99646042

版权

JAVAweb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Java前端知识
首先我们用的是HBuilderX软件
当然，前端知识有很多，如果有遗忘或者需要查询的可以去菜鸟驿站查询，比较全在这里插入图片描述

html的文档结构主要是有三部分组成的：
1 标记用于html文件的最前面，用来表示html文件的开始。而的标记则是放在html的最后面，用来表示html文件的结束，两个标记必须一起使用。
2. < head>

和构成html文件的头部部分，在此标记对之间可以使用和等等标记对，这些标记都是描述html文档相关信息的标记对，标记对之间的内容是不会在浏览器中的内容部分出现的。两个标记必须同时使用。 3. < body> < body>是html文档的主体部分，在此标记可以包括“< p>”,“< /p>”,“< h1>”,“< br>”等等众多的标记，他们所定义的文本，图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。

TiTLE标记
在头文件中，有另一组标签< title>< /title>。打在这里面的文字会出现在浏览器视窗最上面蓝色部分里，作为网页的主题。

文字上的分隔符
常用的分隔标记：
强制断行标记“< br>”
强制分段标记“< p>”
空格“&nbsp；”

排版的标记
在“< p>”在加上一些简单的属性设定，就可以让其的文字置左，置右，置中。
< center>内容< /center>可以让文字居中

字体标记
1.标题标记
使用方法：< h1 >内容< /h1>
2.设置字体标记
使用方法：< font size=“2” color=“red” face=“黑体”>内容< /font>
3.字体变化标记
使用：在文字标记中，对于文字的格式也有相当多的变化，如加粗，斜体等等。
< b>< /b> 加粗 < i>< /i> 斜体 < u>< /u> 底线
< kbd>用粗体等宽字体显示文字< /kbd>
< var>用较小的固定宽度显示字体< /var>

字体变化标记
< dfn>用于名词解释，斜体显示< dfn>
< sup>< /sup> 上标 < smap>用于字母序列等宽< /smap>
< sub>< /sub> 下标
< em>< /em> 强调 < address>模拟信封上的字体< /address>
< strong>< /strong> 加强
< s>< /s>删除线 < strike>删除线< /strike>
< big>比默认字号大一号< /big>
< small>比默认字号小一号< /small>
< code>以等宽字体显示计算机程序代码< /code>
背景标记
使用：< body bgcolor=“red” backgroud=“bg.jpg”>

分割线标记
:上一部分< hr>下一部分

IMG标记
使用：< img src=“boy.jpg” alt=“haha” align=“left” border=“0” height=“56px” width=“32px”>

序列标记
1.无序列表< ul>
2.有序列表

3.自定义列表

特殊字符
转义字符
< < > > & & &qout; “ 空格

超链接
1.连接到其他的文档
2.网页的内部链接
3.网页的外部链接
4.图片的锚点链接

表格
表格的结构
1.< table>
< table>…< /table>是用来在html页面上创建表格的。
2.< th>代表列名一般放在第一行
3.< tr>代表格的一行。
4.< td>用来定义表格的一列。
在默认情况下，表格是没有边框的，如果想要出现边框，就是用border属性。
表格的设置
表格的合并

input标签
在这里插入图片描述
下拉列表和文本域

表单
表单的构成：
< form>< /form>
< form>< /form>标记是用来创建一个表单，在标记之间一切都属于表单里的内容。

框架
在这里插入图片描述
多媒体标记音频
1、HTML4多媒体
< embed src=“文件源” width=“宽度” autostart=“true” loop=“true”>
src 设置文件源
width 设置宽度
autostart 设置是否自动播放，如果是true就是自动播放，是flase不自动播放
loop 设置是否循环播放true就是循环播放，false就是不自动播放
2、HTML5多媒体
< audio src=“G:\Media\霍比特人3：五军之战.mp4” controls=“controls”>
3、添加背景音乐
< bgsound src=“明月几时有.mp3” loop=5>

图片标签:
实例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="white">

		

		<img src="img/xingye.jpg" width="200px" height="200px" alt="图片加载失败"/>

		<img src="img/83F58PICUiG_1024.jpg" width="300px" height="300px" border="1" title="一张图片" />

		

		
	</body>
</html>

运行后的结果是：
在这里插入图片描述