前端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>