HTML

最新推荐文章于 2024-09-28 16:29:52 发布

恋歌828

最新推荐文章于 2024-09-28 16:29:52 发布

阅读量34

点赞数

文章标签： html 前端服务器

本文链接：https://blog.csdn.net/weixin_63647072/article/details/133818147

版权

1.HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言，HTML不是一种编辑语言，而是一种标记语言，HTML包含静态HTML和动态HTML。

举例：

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

运行结果：

网页的标题如下

4.HTML标签
HTML 标记标签通常被称为 HTML 标签(HTML tag)
HTML标签是由尖括号包围的关键词，比如 \<html\>

HTML标签通常是成对出现的，比如<b\>和</b>

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

5.HTML元素
HTML文档是由HTML元素定义的
HTML元素指的是从开始标签到结束标签的所有代码，通常和Html标签表达的是一个意思。

HTML元素语法：
HTML元素包含了开始标签和结束标签
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML元素可拥有属性

元素与标签的区别：元素包括了标签之间的所有代码

6.基本HTML标签

文本输入框： <input type="text" value="第一个输入框"/>

选择框： <input type="checkbox"/>

单选/复选按钮：<input type="radio"/>

按钮： <input type="button"/>

文件上传： <input type="file"/>

密码输入框： <input type="password"/>

下拉框： <select><option></option></select>

超链接： <a href="http://www.baodu.com">…</a>

表格：

<table>

</table>

图片： <img src=" " width=" " height=" ">

文本域： <textarea row=" " cols=" " ></textarea>

加粗标签： <b>测试</b>

换行： <br>

段落：

<p> This is a paragraph. </p>

<p> This is a another paragraph. </p>

注释：

iframe:

div:

<body>

<h1>页面顶部区域</h1>

</div>

<h1>页面左面区域</h1>

</div>

<h1>页面中部区域</h1>

</div>

<h1>页面底部区域</h1>

</div>

</body>

举例：

<!DOCTYPE html>                
<html>                         
	<head>                     
		<meta charset="utf-8"> 
		<title>测试</title>        
	</head>
	<body>                     
	<input type="text" name="" value="text"><br />
	语文<input type="checkbox"><br />
	数学<input type="checkbox"><br />
	男生<input type="radio" name="sex" /><br />
	女生<input type="radio" name="sex" /><br />
	<input type="button" value="登录"/><br />
	<input type="file" /><br />
	<input type="password" /><br />
	<select>
		<option>语文</option>
		<option>数学</option>
		<option>英语</option>
		</select><br />
	<a href="http://www.baidu.com">百度一下</a><br />
	 <table>
	               <tr><td>111</td><td>222</td></tr>
	               <tr><td>333</td><td>444</td></tr>
	               <tr><td>555</td><td>666</td></tr>
	 </table><br />
	<textarea row="10"  cols=" =5" ></textarea>
	<b>测试</b>
	<p>这是段落</p>
	 <iframe src="http://www.baidu.com" width="200" height="200"></iframe>
	</body>
</html>

运行结果：