1.基础标签
<!DOCTYPE html>
html5文档声明头 ,想要完整的使用html5语法,必须使用
文档声明头,声明当前文件是html5文件。
<html></html>
双标签 定义html文档内容的结构 所有的html文档的内容
都需要写在这对标签内部。
<head></head>
头部 通常情况下,里面写的内容是对于当前网页的一些
预定义信息设置。
<body></body>
身体 网页 里面要显示给用户看的内容,全部写在body里面
2.<head>标签中的元素
<meta charset="UTF-8">
设定当前网页的编码格式为UTF-8。
meta标签是一个单标签,通过charset 属性,将其属性值设置为需要
的编码,即可为当前的网页设置编码格式。
title用于设置网页的标题,放在head内部。
<title>网页标题</title>
引入外部的css文件:
<link rel="stylesheet" href="style.css">
引入内部样式:
<style></style>
引入外部js:
<script src="index.js"></script>
内部js:
<script>
//Javascript Code Here
</script>
3.<body>中的常用标签:
<p>
段落 <span>
段中的特殊字符 <div>
表示网页区域的一个分割,常用于网页布局 <hr>
换行分割线 <br>
换行 <h1>-<h6>
多级标题 <!--Comment-->
注释 <em>
强调 <strong>
特别强调 <abbr>
缩写 <address>
地址 <blockquote>
引用一段话 <cite>
引用一句 <ins>
插入文本 <del>
删除文本 <pre>
原样输出一段文本,常与<code>
连用 <kbd>
表示键盘输出 <var>
表示变量 <base>
标签 :
网页中所有连接的基础链接,base标签里面的链接会影响页面中的所有的链接,除非链接设置了协议。
3.1表单:
一般以<form></form>
标签表示,用于读取用户信息并向后台传输数据。
form
标签中常用的属性: action
属性:设置将表单中的数据提交给谁 ,如果action的属性值为空,那么当你点击提交的时候数据就提交到了当前的网页中.
method
属性 :设置提交给后台的方法 get / post 。
当method属性值为get的时候,数据被通过url(统一资源定位符)传递到后台当中。但只能传输纯文本类的数据。
当属性值为post的时候,传输数据通过服务器来传输。
当method属性值为空的时候,默认属性值为get。
3.2 form表单组成之一 input
input是表单中最常见的元素,其一般格式为: <input type="text" name="user">
其最重要的属性是:type 类型 ,包括以下几种:
- text 文本类型
- password 密码
- submit 提交
- file 文件
- hidden 隐藏
- radio 单选
- checkbox 多选
- image 看似是图片,但其实是一个提交按钮,并且会向目标页面上传点击位置的坐标
- reset 重置