適合小白學習的前端頁面知識（值得一看）
##本文講解了有關前端頁面的基礎知識，有html的架構、基礎標籤、列表、輸入框、文本標籤等，非常適合編程小白學習，下面就讓我們一起來了解一下吧。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- head部分主要做一些设置工作，比如字符集、标题等-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 网页内容类型的声明，让浏览器来识别网页的内容-->
<title>我的第一个网页</title>
</head>
<!--文档的主体部分，呈现给用户的信息都在此-->
<body>
带你出师，闯荡江湖！
</body>
</html>
<!--
<html>整个文档的根节点
<head>主要描述文档的设置信息，比如说字符集和标题
<meta>设置字符集
<tittle>设置标题
<body>文档的主题内容，需要在网页上呈现的内容都安排在其中
注释：快捷键 ctrl + / 或者 ctrl + shift + /
形势就是"<!-- - ->"
作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响
他的作用非常重要，代码正确是前提，清晰也是非常重要的，程序员要养成写注释的习惯。
注释一般用于对一个函数或者一段代码的说明方便以后阅读，有一些变量的定义。之后会在总结
--><h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>
<h3>登鹳雀楼</h3> <p>白日依山尽，</p> <p>黄河入海流。</p> <p>欲穷千里目，</p> <p>更上一城楼。</p>
<a href="http://www.huadianedu.com" title="百度" target="_blank">华点</a> <a href="#zhangjie3" title="章节3" target="_blank">章节三</a>
_parent：指向父frameset文件
_self：把文件調入目前頁框
_top：去掉所有頁框並用document.html取代frameset文檔
tittle屬性：指明連接的資訊
<img src="logo.jpg" alt="logo" title="图片" /> <img src="../chapter4/logo.jpg" alt="logo" title="图片" />
title為滑鼠停留在圖片上顯示的內容
<ul> <li>河南</li> <li>河北</li> <li>江西</li> <li>江苏</li> </ul>
<ol type="1" start="2"> <li>第一章</li> <li>第二章</li> <li>第三章</li> <li>第四章</li> </ol>
##start屬性：決定清單初始值，他的取值為自然數。
<dl>
<dt>列表的标题</dt>
<dd>列表项的描述</dd>
<dt>河北</dt>
<dd>河北又称燕赵大地</dd>
</dl><form Action="#" method="post/get"> </form>
form有兩個屬性
Action 表單提交的位址。
提交的方式有兩種，get和post。兩者的區別：（1）提交的內容的長度，get不能超過2KB，post無限制；（2）安全性，get將內容拼接到字串後面，不夠安全。
（五）輸入框<input type="text" maxlength="10" size="10" value="华点"/>
<input type="password" maxlength="10" size="10" value="123456"/>
<input type="radio" name="sex" checked value="0"/> <input type="radio" name="sex" checked value="1"/>
<input type="checkbox" checked/>
<input type="submit" value="登录"/>
<input type="reset" value="取消"/>
<input type="button" value="单击" οnclick=""/>
<input type="image" src="#"/>
<input type="file" accept="*.*">
<select>
<option>选择</option>
</select><!DOCTYPE html>
<html>
<head>
<title>web学习一路向前，?裙767891015等你?</title>
</head>
<body>
<p>第一个p</p>
<p>第二个p</p>
<p>第三个p</p>
</body>
</html>在html中佈局使用最多標籤為p，
我們通常會將網頁重構說成p css製作。
p本身沒有什麼特別之處，只是p標籤取代了先前table標籤佈局。
我們透過對p標籤物件設定不同樣式來實現我們要的美化效果。
通常一對未設定任何樣式的p，獨佔一行。
p作用
p起分割作用，就是分割內容常使用的標籤。 p CSS更是起到分割與設定對應樣式作用。
感謝大家的閱讀，大家在讀後對html有所了解了嗎？
本文轉自：https://blog.csdn.net/xiaofeng10330111/article/details/105413134
推薦教學： 《HTML教學》
以上是適合小白學習的前端頁面知識（值得一看）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
