HTML基本语法与运用

闪闪发光的小学生

于 2020-08-11 09:59:46 发布

阅读量135

点赞数

本文链接：https://blog.csdn.net/weixin_47808874/article/details/107928456

版权

HTML 语法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body>  正确：早安，Alex</p...

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

HTML 语法

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>



         <!-- ①标签不能交叉嵌套 -->

         正确：<p><i>早安，Alex</i></p>

         错误：<p><i>早安，Alex</p></i>

        

         <!-- ②标签必须正确关闭 -->

         <!-- i.有文本内容的标签： -->

         正确：<p>早安，Alex</p>

         错误：<p>早安，Alex

        

         <!-- ii.没有文本内容的标签： -->

         正确：aaaaaa<br />bbbbbbbb

         错误：aaaaaa<br>bbbbbbbb

        

         <!-- ③属性必须有值，属性值必须加引号 -->

         正确：<font color="blue">早安，Alex</font>

         错误：<font color>早安，Alex</font>

         错误：<font color=red>早安，Alex</font>

                  

         <!-- ④注释不能嵌套 -->

         正确：<!-- 注释内容 -->

         错误：<!-- 注释内容<!-- 嵌套的注释 --> 溢出的注释 -->

        

</body>

</html>

例：

HTML表格

border:表格框

align:位置

HTML超链接

HTML表单

1）form标签

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<!-- 创建表单 -->
	<!-- 使用form标签定义表单
		使用action属性指定提交数据的位置
		使用method属性指定提交数据的方式
			GET：会将提交的数据附着在URL地址后面，在浏览器地址栏可以看到
			POST：不会提交的数据附着在URL地址后面，在浏览器地址栏看不到
	 -->
	<form action="target.html" method="post">
	
		用户名：<input type="text" name="userName" /><br /><br />
		密码：<input type="password" name="password" /><br /><br />
		
		<!-- 提交按钮：type="submit"，使用value属性指定它是页面上显示的文字 -->
		<input type="submit" value="登录" />
	
	</form>
</body>
</html>

闪闪发光的小学生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基本语法与运用

HTML 语法<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body>  正确：早安，Alex</p...
复制链接

扫一扫