新手必备：前端基础要点全解析

需积分: 18 146 浏览量更新于2024-09-09 收藏 192KB PDF 举报

前端基础是Web开发的重要基石，本文档提供了一个全面且适合新手学习的基础概述。以下是主要内容的详细解读： 1. HTML基础知识： - HTML结构主要分为<body>和<head>两部分。<body>标签之间包含了页面可见的内容，包括文本、图片、视频等，执行顺序是从上到下。语法错误分为编译错误和运行错误，前者通常在编写阶段出现，后者在页面加载或运行时产生。 - <head>标签内的内容包括元字符集声明<meta charset="UTF-8">，确保统一的字符编码；<title>标签用于设置网页标题，用户浏览器的标签页会显示；通过<link>标签导入CSS样式表，对页面布局和样貌进行控制。 - 表单是HTML交互的核心部分，由<from>标签定义。其中，a.active属性用于指定表单提交的目标URL，method属性决定数据提交方式，默认为GET，也可用POST。<input>标签则有多种类型，如button、submit、reset、checkbox、radio、text等，每个类型都有其特定属性如checked、size、src、name等。 - 使用<label>标签为表单控件添加描述，虽然没有直接视觉效果，但浏览器会自动将其与相应的<input>元素关联起来。textarea用于处理多行文本输入，可以通过cols/rows属性设置大小，但推荐使用CSS控制。fieldset用于组织相关表单字段，通过<legend>定义标题，并在HTML5中引入Name属性。 - select元素创建下拉列表，<optgroup>用于分组选项，每个<optgroup>需包含<label>属性的文本描述。<option>标签定义列表的具体选项，value属性用于发送给服务器的数据，selected属性设置预选选项，multiple属性支持多选。这个前端基础总结涵盖了HTML结构、字符编码、页面标题、CSS样式、表单元素、多行文本输入、表单组组织和下拉列表等核心知识点，对于初学者来说，这是一个系统学习前端开发的绝佳起点。

前端基础知识

一、html

1. <body></body>之间是页面可见内容

①.注意：HTML 执行顺序是从上而下，依次执行。最容易犯语法错误--->编译错误 , 还有一种是“运

行错误”

2. <head></head>之间是网页头部可见内容

. <meta charset=”UTF-8”>html 编码格式

. <title></title>网页标题

. <link rel=”stylesheet” type=”text/css” href=””>导入 css 样式

3. 表单由<from>定义

. <from>标签

a. active 属性：规定向何处提交表单的地址(url)

b. method 属性：定在提交表单时所用的 HTTP 方法--（默认 GET）,POST

. <input>标签的属性

a. 不同的 type 属性，可以变化为多种形态

a) button 点击，submit 提交，reset 重置，image(alt)定义图像作为提交按钮 file 浏

览选择文件上传

b) checkbox(复选框)radio(单选)text(文本)password(密码框)，html5 添加了多种。

b. checked(预选) size 属性 src 属性 name 属性在 html 常用

c. disabled 属性规定应该禁用的 input,readonly 属性规定文本只读

. <label>不会向用户呈现任何特殊效果，但浏览器会自定关联相关的表单控件上

a. for 属性规定 label 与哪个元素绑定

b. 通过在<label>中放入<input>来隐式地链接起来的

. <textarea>定义多行文本输入控件

a. 可以通过 cols 和 rows 属性来规定 textarea 的尺寸

b. 更好的办法是使用 css 的 height 和 width

c. Style=”resize:none”;固定大小

. <fieldset>讲表单内容的一部分打包，生成一组相关表单的字段

a. <legend>标签为 fieldset 元素定义标题

b. Name 属性是<fieldset>在 html5 中的新属性

. <select>定义下拉列表

a. <optgroup>定义选项组

a) label 属性必须描述 text 内容

b. <option>定义 select 的内容

a) value 属性送往服务器的内容

b) selected 属性定义预选一个项

c. multiple 属性同时多个选项 windows：按住 Ctrl 按钮 Mac:按住 command 按钮

d. name 属性用于对提交到服务器后的表单数据进行标识或引用数据 size 属性：可选数目

4. 表单由<table>定义

. <tr>定义表格中若干行

a. 每行被分割为若干单元格由<td>定义

a) 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格...

下载后可阅读完整内容，剩余4页未读，立即下载

小糖子先森

粉丝: 991
资源: 91

新手必备：前端基础要点全解析

前端基础总结思维导图Xmind大纲

web前端基础思维导读部分总结

leetcode答案-frontend101:前端基础总结

前端基础.xmind 基础总结

web前端基础1.0总结

web前端基础知识总结提炼大通达

前端基础面试题总结 js 篇

前端基础学习总结（看大佬文章）

《面经总结》前端基础1

前端JavaScript总结

最新资源