文章目录
HTML入门
一、HTML概述
1、概述
2、入门示例
3、书写规范
二、HTML标签
1、正文标题 ` 至
`
2、水平线 `
`
3、换行 `
`
4、段落 ` `
5、超链接 ``
6、图片 ``
7、列表 `` 和 `
`
8、区块 ` 9、字符实体 三、HTML表格 1、基本表格 2、表格合并 3、案例：学生成绩表 四、HTML表单 HTML入门 一、HTML概述 1、概述 HTML（HyperText Markup Language）超文本标记语言，用于搭建基础网页 超文本：超出文本的范畴，不仅具有普通文本的特性，同时还可以加入图片、视频、超链接等内容。 标记：即标签，定义好的标签有不同的功能和效果。例如： 语言：人与计算机沟通桥梁。 HTML 的语法规范是 由 万维网联盟 W3C（World Wide Web Consortium ）制定的。 2、入门示例 hello world 3、书写规范 1. 文档声明 必须在第一行，固定格式 2. 标签 正确嵌套，正确闭合 1）双标签：<标签> 2）单标签：<标签/> 3. 元素 开始标签（start tag）到 结束标签（end tag）的内容 <标签>元素 4. 属性 属性是 HTML 元素提供的附加信息，如宽度，高度，样式等等。 一般描述于开始标签，总是以键值对的形式出现。 <标签 属性名="属性值"> 5. 注释 二、HTML标签 1、正文标题 h : header 标题 2、水平线 hr : horizontal 水平线 内容一 内容二 3、换行 br : break line 换行 1 窗前明月光 疑是地上霜 举头望明月 低头思故乡 4、段落 p : paragraph 段落 (段间距比行间距来的大) 1 在这个细雨绵绵的五一假期，武功山蒙上了一层神秘的面纱。本来预计踏上这座历史悠久的圣地，可以感受一番清凉宜人的山间气息，却不料遭遇了一场突如其来的大雨。雨水滴答在山间青石上，仿佛是天地间最动听的交响乐，而游客们却陷入了困境之中。 武功山，这座历史悠久的道教圣地，以其险峻的山势和秀美的自然景观而闻名于世。然而，在这个五一假期，武功山却变得格外拥挤。或许是因为长假的到来，或许是因为人们对大自然的渴望，总之，山间涌入了大量的游客，仿佛是一场人潮的洪流。 a anchor (锚) 超链接 href hypertext reference 超文本链接 下面还有两个 「回到顶部」，点击后都会跳转到网页的顶部 6、图片 7、列表 快捷键：父标签>子标签*n + tab自动补全 1 8、区块 标签 描述 div 定义了文档的区域，块级（block-level） span 用来组合文档中的行内元素， 内联元素（inline） span span 9、字符实体 HTML 中的 预留字符 必须被替换为 字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。 例如：小于号（<）和大于号（>）会被浏览器误认为是标签，因此必须用 字符实体 表示 注意：实体名称对大小写敏感！ 英文空格 ?中文空格 小于号 < 大于号 > 双引号 " 单引号 ' 与号 & 乘号 × 除号 ÷ 版权 ? 商标 ? 三、HTML表格 1、基本表格 属性说明： border 边框 cellspacing 单元格和单元格之间的距离 cellpadding 单元格的边框和内容之间的距离 width 宽度 align center 居中 bgcolor 背景色 (background color) 2、表格合并 3、案例：学生成绩表 四、HTML表单 表单的作用：收集用户数据，提交到服务器 form主标签：指定 提交的地址 和 提交的方式 input子标签：表单输入、提交、重置 select子标签：下拉框 textarea子标签：文本域 下面通过一个案例看一下常用的标签形式： 您知道像这样既能打勾又能打叉的下拉菜单怎么制作吗？比如这是一个考勤表，今天没有来，可以用叉看下拉菜单一个叉，然后这天到了打勾。怎么制作？·第一步，选中要制作的下拉菜单的单元格。·第二步，选择数据菜单里... 本文通过一个相对简单的示例，介绍了如何制作下拉选择框的联通效果。产品经理在制作产品原型的过程中，经常会遇到部件间联动的效果设计。如果不能通过原型交互方式来完成，则会以“静态页面+文字说明+步骤指引”的... 在制作报表的时候，经常会输入一些重复性的内容。这时候使用下拉列表直接选择，就可以简化重复输入的操作，不用费时费力地复制粘贴，同时录入信息页更加准确。示例图：操作步骤：... 2009年LorenBrichter在Tweetie2中首创了PullDowntoRefresh「下拉刷新」的交互方式，现在这一创举早已成为了各种Feed类应用的标准配置。虽... excel在数据录入的时候，有时候为了方便，不逐条手打，我们常会设置一个下拉选项，直接进行选择。比如性别的录入，就可以偷懒，直接手动选择，比一个个打字要快。最简单下拉选项（以录入性别为例子）第一步，我... 下拉序号三种方法做表格输入序列号是常有的事，正因为经常输入，我们不好一个一个的去输入，那样太累了。假如有100个序号，我们从一输入到100，会很累的。下面我们学习一下三种输入序号的方法：... 在Excel中，我们经常会面对有很多的数据需要录入，尤其是一些重复的数据。那如何才能解决这个令我们头疼的问题呢，这就是我今天要介绍的下拉菜单的制作。... 为了方便进行数据输入、汇总及统计，规范我们的Excel表格格式，我们在工作中经常会对单元格进行数据有效性设置，这样可以限定单元格根据下拉选项进行填写内容，让大家按照统一的规范进行输入。如上图所示，我们... 下拉菜单在数据录入的时候，可以提升工作效率，但是如果下拉菜单数据太多的时候，也不好进行选择，我们可以制作成可以搜索的下拉菜单，先输入一个关键字，然后再次进行选择效果如下所示：制作的方法其实很简单，只需... 在Excel中制作下拉菜单，大都是利用数据有效性，再有就是表单控件中的组合框。数据有效性或表单控件组合框制作下拉菜单，快捷、便利、实用、功能很全面，但也有力所不及的地方，比如设置下拉菜单的字体、颜色、... 我们有一列数据，想制作成下拉菜单，然后输入部分关键字，就可以模糊搜索符合条件的值，提供对应的下拉菜单供我们选择，效果如下所示：1、WPS中的EXCELWPS关于下拉菜单，已经做到了智能搜索，所以只需要... 你要写负面下拉词，就不能只写负面下拉词。要写信息时代的暗流涌动，数据洪流中潜藏的危机与机遇；要写算法逻辑的冷酷无情，如何在用户行为与数据驱动下，悄然形成负面印象的漩涡；要写品牌与个人的挣扎与抗争，如何... 在做表格数据录入工作的时候，一方面需要提升数据录入的效率，也需要防止数据录入出错，因此我们会对数据区域设置下拉菜单，从下拉选项中选择我们需要的数据进行录入1、下拉菜单基本设置首先我们要准备下拉菜单的数... 数据录入的时候，经常需要用到两级下拉菜单，并且需要联动，输入完第一级内容之后，第二级的内容是对应的效果如下所示：制作过程也非常简单，只需要几步就可以完成1、准备数据源第一行中的数据，输入一级下拉菜单中... 至
我是标题1 h1
我是标题2 h2
我是标题3 h3
我是标题4 h4
我是标题5 h5
我是标题6 h6
和
奖牌榜
渣男榜
姓名 年龄 身高 体重 张三 18 180 180 李四 19 170 170 王五 20 160 160 11 12 13 22 23 24 31 32 33 34 41 42 43 44 编号 姓名 性别 成绩 101 潘金莲 女 100 102 武大郎 男 90 103 西门庆 男 总成绩 280 相关推荐
欢迎 你 发表评论: