菜鸟教程之如何写出最基础的html
最新推荐文章于 2024-02-29 13:59:43 发布
洛白双双
最新推荐文章于 2024-02-29 13:59:43 发布
阅读量2.3k
收藏
5
点赞数
2
最新推荐文章于 2024-02-29 13:59:43 发布
阅读量2.3k
收藏
5
点赞数
2
-
Html是什么?
Html:超文本标记（标签）语言;
由各种各样的标签组成，标签通常是成对出现的，它主要是用来制作网页； -
Html的基本结构
(1)Html的标签通常是<>引起来的，经常是成对出现，例如:
也可以单个标签出现，如：
(2)以html为根标签，主体是
(3)头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键字等摘要信息；
(4)主体部分提供网页的显示内容，真正显示在页面中的内容;
(5)标签名不区分大小写，但是一般要用小写;
(6)一个完整的html标签：<标签名 属性名=“属性值”>内容</标签名>;
- 如何书写html
通常使用写html的应用程序，主要有NotePad++,sublimeText等，在书写过程中要控制好缩进;
书写步骤：
（1）先建立一个文本文件，给它命名并修改后缀为.htm，如下图：
(2)右击上述后缀名为.html的文本，打开方式选择Notepad++,接下来我们就要开始书写html啦！！！
(3)首先我们要将基础的html结构写好：
（4）最简单的html超文本(一个最基础的html就做好啦)：
<html>
<head>
<!--设置字符编码方式-->
<meta charset = "UTF-8">
<!--设置标题-->
<title>html基础</title>
</head>
<body>
<!--段落标签-->
<p> html从入门到精通</p>
<!--标题标签, 按照h1到h6逐渐变小-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
</body>
</html>
接下来，我们就来给它锦上添花，整点花哨儿地！
给它模拟个登录界面(可以实现自己输入姓名+密码)：
<html>
<head>
<!--设置字符编码方式-->
<meta charset = "UTF-8">
<!--设置标题-->
<title>html基础</title>
</head>
<body>
<!--段落标签-->
<p> html从入门到精通</p>
<!--标题标签, 按照h1到h6逐渐变小-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<!--type表示文本的类型，name表示文本的名称，后端通过name来获取文本框中的属性值-->
<!--placeholder，文本框内容为空显示的内容,size表示文本框的长度-->
<form method="post" action="test">
账号：<input type="text" name="name" placeholder="请输入姓名" size="10">
<!--换行-->
<br/>
密码：<input type="text" password="password" placeholder="请输入密码">
<br/>
<!--普通按钮-->
<!--value表示属性框默认的填充值，用户输入后显示的输入内容-->
<input type="button" value="登录">
<!--提交按钮-->
<input type="submit" value="提交">
</form>
</body>
</html>
327
暂无认证
到【灌水乐园】发言
Alone(知秋): #!/bin/bash for num in {0..500..7};do echo "${num}" done 这个我是真没想到~
wo_kaka: 不明但有效，楼主好人一生平安
洛白双双: 这个祝福使我有些惶恐
zhuzhenting: 不明白+1，但是确实有效，楼主一生平安，以后生八个儿子
DylanDev: 虽然不明所以，但是有用，感谢