您的位置：360文档中心› 前端网页设计的知识点大全,必看

前端网页设计的知识点大全,必看

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

head定义文档头部，包含：title, script, style, link, meta

body是网页主要内容，包含：h1,h2-h6, p, a, img

2. 认识head标签：

... 网页标题

4. 认识body标签：

段落文本

有三段就放三个

标题文本

h1-h6共6个标题分级

斜体文本（强调） 斜体文本内容

粗体文本 粗体显示文本内容

单独样式文本 没有语义的，它的应用就是为了设置单独的格式用的

引用的文本 引用的文本内容，会自动加上双引号

大段引用
引用大段的文本内容，文本前后会加上缩进
换行

水平横线

  空格

地址信息
地址信息，通常用于公司地址显示

代码内容 代码，通常是一行内

多行代码
多行代码,你需要在网页中预显示格式时都可以使用它

    ul-li 列表信息，以圆点显示

  • 信息1

  • 信息2

    • ......

    ol-li 列表信息，带上序号

  1. 信息

  2. 信息

    3. ......

排版内容
排版中使用，相当于一个容器

确定逻辑部分：逻辑部分是页面上相互关联的一组元素，如栏目版块

…
div 带上ID号，使之更清晰

表格内容
创建表格

标题文本 为表格添加标题文本

... 若加此标签后，表格会一次性显示出来（而非网页加载一点显示一点）

表格一行 表格中的一行

表格单元格 表格中的一个单元格

表格表头 表格头部的一个单元格，表格表头

...
为表格添加摘要，但不会被浏览器显示出来

链接显示文本 链接标签

target="_blank" 网页将在新窗口中打开

mailto: 网页中邮件地址，可带多个参数

mailto: 邮箱地址

cc= 抄送地址

bcc= 密抄地址

; 多个邮箱地址

subject=邮件主题

body= 邮件内容

完整举例: 发送邮件

下载失败时替换文本

5. 与用户交互：

语法：

举例：

表单控件：

文本框、文本域、按钮、单选框、复选框

method:

post/get

1. 文本框（文本/密码）

type：有“text”和“password”两种类型

name：为文本框命名，方便后台ASP和PHP使用

value：文本框默认值，一般起提示作用

2. 文本域（多行文本）

cols：多行输入域的列数

rows：多行输入域的行数

3. 单选框、复选框

type：radio单选，checkbox复选框

value：提交数据到服务器的值，后台PHP处理使用

name：为控件命名，以备后台程序ASP和PHP使用

checked：checked="checked"时，此选项默认被选中

注意：同一组的单选按钮，name取值一定要一致

4. 下拉列表框