1.1 Java HTML前端网页

最新推荐文章于 2024-09-12 15:15:04 发布

CHONSK

最新推荐文章于 2024-09-12 15:15:04 发布

阅读量844

点赞数

分类专栏： Java基础文章标签： html 前端 java

本文链接：https://blog.csdn.net/m0_53879048/article/details/123061626

版权

这篇博客详细介绍了HTML的基础知识，包括网页基本信息、标题和段落标签、图像和超链接的使用、页面结构分析以及表单元素的应用。讲解了块元素与行内元素的区别，列表标签、表格和媒体元素的使用，并探讨了表单验证的重要性及其基本方法。

摘要由CSDN通过智能技术生成

1. 网页基本信息

Hyper Text Markup Language (超文本标记语言)

W3C 的标准包括：

结构化标准语言（HTML、XML)

表现标准语言（CSS）

行为标准（DOM、ECMAScript）

（1、1.1 ）

<!-- DOCTYPE : 告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>

<html lang="en">
<!-- head 代表网页的头部-->
<head>

<!-- meta 描述性标签,它用来描述我们网站的一些信息。-->
<!-- meta 一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name = "keywords" content = "狂神说Java">
    <meta name = "description" content = "来这个地方可以学Java">
<!-- title 网页标题-->
    <title>我的第一个网页</title>
</head>


<!-- body 代表网页主体-->
<body>

你好

</body>

</html>

2. 网页基本标签

1、标题标签

2、段落标签

3、换行标签

4、水平线标签

5、字体样式标签

6、注释和特殊符号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>我想这</p>
<p>我爱这</p>
<p>我打折</p>
<p>我走了</p>
<p>八百</p>
<p>固定</p>

<!--水平线标签-->
<hr>

<!--换行标签-->
以及<br/>
这里<br/>
不好<br/>
怎样<br/>

<!--粗体，斜体-->、
<h1>字体样式标签</h1>
粗体 ：<p><strong>i love fuck you</strong></p>
斜体 ：<p><em>fuck you man</em></p>

<!--特殊符号-->
<!--空格-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

<!--大于号-->
&gt;
<!--小于号-->
&lt;
<!--版权符号-->
&copy;

</body>
</html>

3. 图像标签

（1、1.2 ）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--

src : 图片地址
图片是有相对地址和绝对地址的
../ ：代表上一级目录
title ：当鼠标放上去后显示文字
alt : 图片名字，当断网或者找不到图片加载错误时显示
-->
<img src="../resources/image/1.png" alt="狂神头像" title="悬停文字" width="300" height="400">
</body>
</html>