文章目录
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子标签：文本域 下面通过一个案例看一下常用的标签形式： 《保卫萝卜2：极地冒险》本周不仅迎来了安卓版本的重大更新，同时将于7月4日本周五，带来“保卫萝卜2”安卓版本世界杯主题活动的火热开启，游戏更新与活动两不误。一定有玩家会问，激萌塔防到底进行了哪些更新？... 1、准备两张正方形纸，一橙一绿，对折出折痕。2、橙色沿其中一条对角线如图折两三角形。3、把上面三角折平，如图。4、绿色纸折成三角形。5、再折成更小的三角形。6、再折三分之一如图。7、打开折纸，压平中间... 饥荒游戏中，玩家们需要获取各种素材与食物，进行生存。玩家们在游戏中，进入游戏后按“～”键调出控制台使用代码，可以直接获得素材。比如胡萝卜的代码是carrot，玉米的代码是corn，南瓜的代码是pump... 你喜欢旅行吗？在合适的时间、合适的目的地，来一场说走就走的旅行？机票就是关键！Skyscanner这款免费的手机应用，在几秒钟内比较全球600多家航空公司的航班安排、价格和时刻表,帮你节省金钱和时间。... Sleepover过夜Itisnighttime.现在是晚上。... 时间到了1997年的秋天，经过一年多的学习和实践，我在处理结婚和离婚的事情更加的娴熟，也获得了领导的器重，所以我在处理平时的工作时也能得心应手。这一天我正在离婚处和同事闲聊，因为离婚处几天也遇不到人，... 好看的人都关注江苏气象啦夏天很快就要来了你是否和苏苏一样身上的肉肉还没做好准备？真是一个悲伤的故事……下面这个哥本哈根减肥法苏苏的同事亲测有效不节食不运动不反弹大家快来一起试试看吧~DAY1... AlocalworkeroperatesequipmentintheChina-EgyptTEDASuezEconomicandTradeCooperationZonei... FUZHOU/ST.PETERSBURG,Oct.2(Xinhua)--NestledinthepicturesqueWuyiMountainsinsoutheastChi... 引言由于android开发的需要与systrace的普及，现在大家在进行性能与功耗分析时候，经常会用到systrace跟pefetto.而systrace就是基于内核的eventtracing来实... JAVA发展1.1996年1月23日JDK1.0Java虚拟机SunClassicVM，Applet，AWT2.1997年2月19日JDK1.1JAR文件格式，JDBC，JavaBea... java从1996年1月第一个版本诞生，到2022年3月最新的java18，已经经历了27年，整整18个大的版本。很久之前有人就说java要被淘汰，但是java活到现在依然坚挺，不知道java还能活... #java知识#... 至
我是标题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 相关推荐
欢迎 你 发表评论: