前端html
html 是一种描述网页的语言,是超文本标记语言 :hyper Text Markup Lauguage 是一种标记语言【标记语言是一套标记标签 markup tag】使用标记标签来描述网页,文档包含了html 标签及文本内容,html 文档也叫web 网页
<! DOCTYPE html>----声明html文档
<html>元素是html 网页的根元素
<head>元素包含文档的元(meta)数据 <meat charset="utf-8">
<title>文档标题
<body>页面内容
<h1> 大标题
<p> 一个段落
相对地址: 相对于引用文件自己 去定位被引用的文件地址 ./ 表示当前文件所在目录下
../ 表示 当前文件所在目录下的上一级目 录
< 内容 > 想在网页上出现<>
1.<form> 表单区域
属性
-
action 表单数据提交的地址
-
method 表单提交的方式 get/post
-
enctype
2.<label> 表单元素定义文字标注
3.<input> 定义通用的表单元素
属性
-
text 单行文本框域
-
password 密码框域
-
radio 单选框
-
checkbox 复选框
-
file 上传文件
-
submit 提交按钮
-
reset 重置按钮
-
button 普通按钮
value 属性 表单元素值
name 属性 表单元素的名称
4.<textarea> 多行文本框域
HTML 是前端语言 python 是后端语言
无序列表
<ul>
<li>项目</li>
<li>项目</li>
</ul>
有序列表
<ol>
<li>项目</li>
<li>项目</li>
</ol>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>哼哼</title>
</head>
<body>
<div>
<h1> 愤怒的一天<哈哈></h1>
<p>今天咱们去遛弯!!!</p>
<p>记住有,勇气来源于恐惧@@@<br/>言多必失呀,少说话多作事</p>
<!--相对路径同级目录-->
<img src="./微信图片_20181121185947.jpg"/>
<!--相对路径上层目录-->
<img src="../QQ图片20180906200416.jpg"/>
<!--相对路径下层目录-->
<img src="./kaoshi/000/QQ图片20180906200416.jpg"/>
</div>
</html>