简单的html

最新推荐文章于 2024-06-24 21:39:58 发布

小猪媛不圆

最新推荐文章于 2024-06-24 21:39:58 发布

阅读量2.6k

点赞数 1

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/weixin_46660141/article/details/109900528

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.html介绍

html是用于创建网页的语言。我们通过使用html的标记标签创建html文档来创建网页。html代表超文本标记语言。
html标签是由尖括号括起来的词，如,。标签通常成对出现，例如和,一对中的第一个标签是开始标签（起始标签），第二个标签是结束标签（闭合标签）
html文档结构至少要包括head，body两部分
在这里插入图片描述
首先咱们需要做前期的准备在文件夹目录下双击startup.bat
就会出现下图的情况
再进入咱们的浏览器

最后在下面目录下新建一个文件夹
里面新建.html文件

再用notepad++打开后即可

下面是一个简单的例子！

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		      <h3>第一次练习</h3>
		</body>
</html>

输出的结果就是这样子的！
在这里插入图片描述

2.html常见标签

2.1文本标签

段落标签，使用p表示自带换行效果

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		      <h3>第一次练习</h3>
			  <p>段落标签自带换行效果</p>
		</body>
</html>

在这里插入图片描述

标题标签，h1~h6字体越来越小

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		      <h1>一级标题</h1>
			  <h2>二级标题</h2>
			  <h3>三级标题</h3>
			  ……
			  <h6>六级标题</h6>
		</body>
</html>

在这里插入图片描述

2.2表单标签

文本框
type,表示文本的类型
name,表示文本的名称，后端使用name来获取框中的属性值
placeholder,文本框内容为空时显示的内容
size,文本框的长度

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		    <input type="test" name="name" value="袁媛" placeholder="请输入姓名" size="10">
		</body>
</html>

在这里插入图片描述

密码框
与文本框类似，区别在于type取值不同，取值为password，输入时自动显示为*号，如下：

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		    <input type="password" name="password" placeholder="请输入密码">
		</body>
</html>

在这里插入图片描述

普通按钮

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		
		    <input type="test" name="name" value="袁媛" placeholder="请输入姓名" size="10">
			<p>
		    <input type="password" name="password" placeholder="请输入密码">
			</p>
			<input type="button" value="登录">
		</body>
</html>

在这里插入图片描述

提交按钮
当需要提交表单的时候，需要使用提交按钮，提交按钮需要配合from表单才能向服务器提交数据

<html>
   <head>
        <meta charset="UTF-8">
		<title>html基础</title>
   </head>
        <body>
		
		    <input type="test" name="name" value="袁媛" placeholder="请输入姓名" size="10">
			<p>
		    <input type="password" name="password" placeholder="请输入密码">
			</p>
			<input type="button" value="登录">
			<input type="submit" value="提交">
		</body>
</html>

在这里插入图片描述

小猪媛不圆

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
简单的html

1.html介绍html是用于创建网页的语言。我们通过使用html的标记标签创建html文档来创建网页。html代表超文本标记语言。html标签是由尖括号括起来的词，如,。标签通常成对出现，例如和,一对中的第一个标签是开始标签（起始标签），第二个标签是结束标签（闭合标签）html文档结构至少要包括head，body两部分首先咱们需要做前期的准备在文件夹目录下双击startup.bat就会出现下图的情况再进入咱们的浏览器最后在下面目录下新建一个文件夹里面新建.html文件再用notep
复制链接

扫一扫

专栏目录