随笔分类 - 前端
摘要：8.11前端之Form表单 表单的作用 HTML 表单用于搜集不同类型的用户输入 表单的元素 <form>定义Html表单 一个完整的表单应该包含的元素 实际上一个表单所包含的元素就是不同属性的<input>标签 复选框 单选按钮 提交按钮 ... <form>标签的属性 属性描述 accept-c
阅读全文
摘要：8.11前端之背景颜色 背景颜色是一个属性 标签 <Background> 作用 将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。 URL可以是相对地址，也可以使绝对地址 <body> 标签中的背景颜色（bgcolor）、背景（backgrou
阅读全文
摘要：8.10前端之字符实体和符号 特点 HTML 中的预留字符必须被替换为字符实体 像<、>号这些东西浏览器会误以为是标签。希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 实体名称表格 显示结果描述实体名称实体编号 空格 < 小
阅读全文
摘要：8.10前端之Html框架 作用 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 每份HTML文档称为一个框架 每个框架都独立于其他的框架。 使用框架的坏处： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 分类 垂直框架 水平框架 混合框架 导航框架 内联框架 框架结构标签<
阅读全文
摘要：8.9前端之响应设计模式 什么是响应设计模式(Responsive Web Design) 响应式 web 设计会让您的网页在所有设备上看起来都不错 响应式 web 设计仅使用 HTML 和 CSS 响应式 web 设计并不是程序或 JavaScript 概括： 使用 CSS 和 HTML 调整大小
阅读全文
摘要：8.9前端之Html语义 什么是语义元素 语义元素清楚地向浏览器和开发者描述其意义 举例： 非语义元素：<div>，<span> > 特点：无法提供关于其内容的信息。 语义元素：<form>,<table>,<img> >特点：清晰地定义其内容 Html5中新的语义元素 许多网站包含了指示导航、页眉
阅读全文
摘要：8.6前端之内联框架 内联框架 作用： 用于在网页内显示网页 使用类型： 内联Html 外界定向指向内联框架 语法 <iframe src="URL"></iframe><!--URL 指向隔离页面的位置--> 实例 <iframe src="PracticeList.html" width="50
阅读全文
摘要：8.6前端之内联框架 内联框架 作用： 用于在网页内显示网页 使用类型： 内联Html 外界定向指向内联框架 语法 <iframe src="URL"></iframe><!--URL 指向隔离页面的位置--> 实例 <iframe src="PracticeList.html" width="50
阅读全文
摘要：8.5前端之类和id 类 好处： 对 HTML 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。 为相同的类设置相同的样式，或者为不同的类设置不同的样式。 <head> <style> .ctities{ background-color: black; color: white; ma
阅读全文
摘要：8.5前端之Html样式和文本格式化 样式属性<style> style 属性用于改变 HTML 元素的样式 背景颜色 background-color 属性为元素定义了背景颜色： <body style=""> <h1 style="">This is a title</h1> <p style=
阅读全文
摘要：8.3前端之Html列表 列表的分类 有序列表 无序列表 自定义列表 对应标签： 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> 定义列表项 <dl> 定义列表 <dt> 自定义列表项目 <dd> 定义自定列表项的描述 列表统一使用标签<li>创建内容 有序列表 >支持全局属性、
阅读全文
摘要：8.3前端之Html区块和布局 块级元素 特点： 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 <h1>, <p>, <ul>, <table>... 内联元素 特点： 内联元素在显示时通常不会以新行开始 <b>, <td>, <a>,
阅读全文
摘要：7.31前端之table练习 Html部分 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="author" content="Lucifer" /> <meta name="description" content="T
阅读全文
摘要：7.30前端之Html表格 涉及到的标签 <table> <tr> <th> <td> 实现列排序、行排序、一列多值排序、一行多值排序等 标签逻辑 <table>包裹内的内容是表格内容 <tr>定义表头 <th>是表头 <td>是值 带边框属性的表格实例 <table border="1"> <tr
阅读全文
摘要：7.30前端之Html头部 本章从Html的结构来介绍Html 本章介绍的内容是html根标签下的头部元素 Html <head>头部元素 <head>元素包含了所有的头部标签元素 在<head>元素中可以插入脚本(scripts)、样式文件(css)、各种meta信息 <title>元素： 定义了
阅读全文
摘要：7.30前端之Html元素 元素语法 开始标签称为起始标签(opening tag)，结束标签称为闭合标签(closing tag) 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性 Html属性 H
阅读全文
摘要：7.30前端之Html简介 Html结构简介图 特点： 只有body部分是浏览器可见的 html开始要引入声明，其次就是根元素 <head>元素包含了文档元数据<meta>。<meta charset="utf-8">定义了网页编码格式为utf-8 什么是Html？ 超文本标记语言: HyperTe
阅读全文
