文章目录
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子标签：文本域 下面通过一个案例看一下常用的标签形式： 加入人人都是产品经理【起点学院】产品经理实战训练营，BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面... 大家好，今天我来分享一项JavaScript的实战技巧，即如何在JS中使用Ajax进行异步请求，让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术，可以实现异步加... 前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很... 一、前言随着前端的发展和被重视，慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说，可以直接使用三方的监控，比如自己搭建一套免费的... 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！今天给大家带来的主题是ajax、fetch... 1.什么是ajax？ajax作用是什么？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实... 1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术，其本质是利用浏览器内置的一个特殊的... dreamweaver对一个web前端工作者来说，再熟悉不过了，像我07年接触web前端开发就是用的dreamweaver，一直用到现在，身边的朋友有跟我推荐过各种更好用的可替代dreamweaver... 接下来你看到的将是全网最详细的Java知识点总结，全文分为三大部分：Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点，别眨眼，从小白到大佬、零基础到精通，你绝... 时光网讯福斯出品的科幻片《死侍》今天发布新剧照，其中一张是较为罕见的死侍在被改造之前的剧照，其余两张剧照都是死侍在执行任务中的状态。据外媒推测，片方此时发布剧照，预计是为了给不久之后影片发布首款正式预... 本文整理了java开发的学习路线和相关的学习资源，非常适合零基础入门java的同学，希望大家在学习的时候，能够节省时间。纯干货，良心推荐！第一阶段：Java基础重点知识点：数据类型、核心语法、面向对象... Fujifilm富士instaxMini8小黄人拍立得相机（黄色/蓝色）扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机，此款是mini8的小黄人特别版，除了颜色涂装成小黄人... 作为互联网大厂的后端Python爬虫开发，你是否也曾遇到过这些痛点：面对海量目标URL，单线程爬虫爬取一周还没完成任务；动态渲染的SPA页面，requests库返回的全是空白代码；好不容易... 死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/... 一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求，只能停止当前ajax请求。停止javascript的ajax请求... 至
我是标题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 相关推荐