适合小白学习的前端页面知识（值得一看）

来源:网络整理作者: 发布时间:2020-12-17 18:50

本文讲解了有关前端页面的基础知识，有html的架构、基础标签、列表、输入框、文本标签等，非常适合编程小白学习...

start属性：决定列表初始值，他的取值为自然数。

alt为资源缺失时显示的内容。其原有的英文单词为alternative

本文转自：https://blog.csdn.net/xiaofeng10330111/article/details/105413134

在html中布局使用最多标签为p，

通常一对未设置任何样式的p，独占一行。

（三）列表无序列表<ul> <li>河南</li> <li>河北</li> <li>江西</li> <li>江苏</li> </ul>有序列表<ol type="1" start="2"> <li>第一章</li> <li>第二章</li> <li>第三章</li> <li>第四章</li> </ol>

type属性

我们通过对p标签对象设置不同样式实现我们要的美化效果。

文件按钮<input type="file" accept="*.*">

上传文件在点击按钮后可以打开本地的文件，后面的accept是可以选中的文件的类型一般 .xls为excel表格 .docx为word文档。.jpg 为图片等等

感谢大家的阅读，大家在读后对html有所了解了吗？

p起分割作用，是分割内容常使用的标签。p+CSS更是起到分割与设置对应样式作用。

单选按钮<input type="radio" name="sex" checked value="0"/> <input type="radio" name="sex" checked value="1"/>

属性为name将单选按钮分组这样就可以选择只能选择一个;checked默认选中; value表示他的值

本文讲解了有关前端页面的基础知识，有html的架构、基础标签、列表、输入框、文本标签等，非常适合编程小白学习，下面就让我们一起来了解一下吧。

复选框<input type="checkbox" checked/>

checked 表示默认选中 name表示checkbox的名字，也是将复选框进行分组

适合小白学习的前端页面知识（值得一看）

（五）输入框文本框<input type="text" maxlength="10" size="10" value="华点"/>

属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

这里写图片描述

_self：把文档调入当前页框
提交按钮<input type="submit" value="登录"/>

submit为提交按钮，value为按钮上显示的文字。点击时会将参数添加在form Action的路径后面

_parent：指向父frameset文档

p本身没有什么特别之处，只是p标签替代了以前table标签布局。

<h3>登鹳雀楼</h3> <p>白日依山尽，</p> <p>黄河入海流。</p> <p>欲穷千里目，</p> <p>更上一城楼。</p>链接标签（a标签，a是anchor的缩写）：

a标签的作用就是跳转，包括页面的跳转和页内跳转。

重置按钮<input type="reset" value="取消"/>普通按钮<input type="button" value="单击" οnclick=""/>

普通按钮，value值为按钮上显示的文字，onclick是单击按钮触发的事件，可用js去处理

<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6>段落标签：

段落标签显示一个段落自动换行

Action 表单提交的地址。

_blank：浏览器会另开一个新窗口显示document.html文档

页面内的跳转：在目标标签处指明id=”“, 连接处指定 href=”#id值” 然后点击会跳转到相应的id位置

图片标签：<img src=https://www.ym97.com/"logo.jpg" alt="logo" title="图片" /> <img src=https://www.ym97.com/"../chapter4/logo.jpg" alt="logo" title="图片" />

src 为图片的地址，也就是路径。有两种格式(1). 绝对路径：图片保存的地址；(2). 相对路径：相对于本文档的路径。上一层用../

p作用

_top：去掉所有页框并用document.html取代frameset文档
<a href=https://www.ym97.com/"http:/www.huadianedu.com" title="百度" target="_blank">华点</a> <a href="#zhangjie3" title="章节3" target="_blank">章节三</a>

target属性：

密码框<input type="password" maxlength="10" size="10" value="123456"/>

属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

下拉框<select> <option>选择</option> </select>（六）Html p介绍<!DOCTYPE html> <html> <head> <title>web学习一路向前，?裙767891015等你?</title> </head> <body> <p>第一个p</p> <p>第二个p</p> <p>第三个p</p> </body> </html>

p标签使用说明

我们通常将网页重构说成p css制作。

自定义列表<dl> <dt>列表的标题</dt> <dd>列表项的描述</dd> <dt>河北</dt> <dd>河北又称燕赵大地</dd> </dl>（四）表单

表单：收集用户填写的信息并将其提交给服务器

tittle属性：指明连接的信息

（一）HTML 基本结构<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> <html>  <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>我的第一个网页</title> </head>  <body> 带你出师，闯荡江湖！ </body> </html> （二）基础标签标题标签：

标题标签用于一段文字的标题说明，他的语义就是标题。

图片按钮<input type="image" src="#"/>

图片按钮 src为图片的路径其属性可以和 <img>类似

form有两个属性

适合小白学习的前端页面知识（值得一看）