HTML制作简单课程表
什么是 HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
1、什么是网页?
网站是指在因特网上根据一定的规则,使用多种语言制作的用于展示特定内容的网页集合
网页是其中的一页,通常是html格式的文件,通过浏览器阅读
网页通常由图片、链接、文字、声音、视频等多种元素组成,网页文件通常以.html为
后缀,因此俗称html文件
2、网页的形成
由网页元素组成,元素通过标签描述出来
前端人员开发代码——浏览器显示代码(解析、渲染)——生成多元化的网页
3、常用浏览器
IE、Firefox、Chrome(市场份额最大,前端必备)、Safari、Opera
4、浏览器的内核
作用:负责读取网页内容,解析和渲染网页元素
不同的浏览器内核一样,主要有四个Trident(IE)、Gecko(fireFox)、Safari(Webkit)、Blink(chrome/opera)
国内的浏览器一般都会用Webkit/Blink内核
5、web标准
Web标准由W3C组织(万维网联盟)制定一系列标准
为什么需要web标准?
浏览器不同,显示出来的效果可能会有差异(内核渲染结果不一致)
通过制定标准,使得同一份代码在不同的浏览器中显示相同
web标准的构成
结构(Structure)、表现(performance)、行为(behavior)
结构:对网页元素进行分类和架构,由html负责
表现:设置网页元素的外观样式,由css负责
行为:设置用户与网页的互动效果,由js负责
标准:结构、表现、行为分离
第一部分:结构(HTML)
1、基本语法:
由尖括号包围的关键词,如<html>
html标签通常是成对出现的,称为双标签(开始标签、结束标签)
有些标签是单个的 <br/> 称为单标签
2、标签关系
包含关系和并列关系
包含关系
<html>
<head>
<title></title>
<head>
<body>
</body>
</html>
代码如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>xxxxxxx</title></head><body><h1 align="center"> 课程表</h1></body><table align="center" border="1" align="2" align="center" cellspacing="8" cellpadding="8"><thead><tr><th>项目</th><th colspan="5">上课</th><th colspan="2">休息</th></tr></thead><thead><tr><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr><tr><td rowspan="4">上午</td><td>语文</td><td>数学</td><td>英语</td><td>英语</td><td>物理</td><td>计算机</td><td rowspan="4">休息</td></tr><tr><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr><tr><td>化学</td><td>语文</td><td>体育</td><td>计算机</td><td>英语</td><td>计算机</td></tr><tr><td>政治</td><td>英语</td><td>体育</td><td>历史</td><td>地理</td><td>计算机</td></tr><tr><td rowspan="2">下午</td><td>语文</td><td>数学</td><td>英语</td><td>物理</td><td>计算机</td><td>英语</td><td rowspan="2">休息</td></tr><tr><td>数学</td><td>数学</td><td>地理</td><td>历史</td><td>化学</td><td>计算机</td></tr></thead></table></body><ml>
成品:
HTML制作简单课程表相关推荐
- 甘教课标版小学生计算机课,测评:《第6课 制作简单的表格教案》小学信息技术甘教课标版五年级上册教案4696(2)...
5.如果应改变表格的长度跟高度,则把鼠标移到表格的竖线和横线上,当鼠标变成"|"和"="时,按住滑鼠左键,拖动鼠标,即可拖动半径和高度. 6.在表格中输入火车时 ...
- 用html制作班级课程表实例,教案19-制作班级课程表.doc
教案19-制作班级课程表 学 科信息技术授课班级12物流管理1班日 期5月14日课 题制作班级课程表授课类型新授课课 时 2教 材计算机应用基础任课教师陈玉英课 序 19教学目标掌握工作簿.工作表.单 ...
- html根据字段制作曲线图,canvas制作简单的HTML图表,折线或者矩形统计(原创)
插件描述:canvas制作简单的HTML图表,折线或者矩形统计 使用canvas制作简单的HTML图表,折线或者矩形统计. 使用canvas制作简单的HTML图表,折线或者矩形统计,简单而实用.图形由 ...
- 【教程】新手如何制作简单MAD和AMV,学不会那都是时辰
[教程]新手如何制作简单MAD和AMV,学不会那都是时 http://tieba.baidu.com/p/2303522172 [菜鸟教你做MAD]Vegas制作MAD入门教程 http://tieb ...
- phalcon: eventManager事件管理(结合dispatcher调度控制器)制作简单的acl
制作简单的acl, dispatcher(专门用来加载或调度或跳转到相应的url地址即XXXcontroller的调度器或控制器,能够在controller执行前对controller进行停止跳转等) ...
- python爬虫图片-如何用Python来制作简单的爬虫,爬取到你想要的图片
原标题:如何用Python来制作简单的爬虫,爬取到你想要的图片 在我们日常上网浏览网页的时候,经常会看到一些好看的图片,我们就希望把这些图片保存下载,或者用户用来做桌面壁纸,或者用来做设计的素材. 我 ...
- hbuilderx制作简单网页_网页制作的基本步骤是怎样的?制作简单网页的具体操作有哪些呢?...
网页制作的基本步骤是怎样的?制作简单网页的具体操作有哪些呢?如果是详细的网页制作,设计和制作一样关键.有可能是网页设计制作新手对简单网页制作设计的具体操作不太清楚.更别说设计详细的网页了.下面一起来看 ...
- php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下 写ABROAD项目用到了标签这个东东,其实标 ...
- python中excel制作成绩报表_python制作简单excel统计报表2之操作excel的模块openpyxl简单用法...
python制作简单excel统计报表2之操作excel的模块openpyxl简单用法 # coding=utf-8 from openpyxl import Workbook, load_workb ...
- java验证码功能一般怎么做的_java制作简单验证码功能
本文实例为大家分享了java制作简单验证码的具体代码,供大家参考,具体内容如下 在这里我们需要用到java的画笔工具,所以我们需要导入以下包 import="java.util.*,java ...
最新文章
- 类 Class 对象、定义、方法
- sql 新建发布 找不到存储过程_pgRouting教程九:使用GeoServer发布WMS/WFS接口
- oracle子查询为游标结果集,这个SQL怎么破?select后的爬树子查询(connect by)变换
- golang 防知乎 中文验证码 源码
- vip地址能ping不通_电脑高手必备ping和netstat命令
- 使用volatile关键字的场景
- ssms应用程序错误_来自应用程序的查询计划与SSMS不同时的性能故障排除
- python中集合用法大全
- Linux IPC udp/ip socket 编程
- 算法题目打卡:Ques20201024
- PageHelper.startPage()动态排序问题
- 永不消逝的电波 -GSM空口信号的接收与解码
- PCL:点云数据(*.pcd)文件格式详解
- 学习笔记:LM2662开关电容器电压转换器
- 王阳明心学层级图——适合内心困惑的人了解
- 解决“VM has multidex support, MultiDex support library is disabled.”
- Arcgis属性表字段值批量替换
- 菜刀 mysql_chopper菜刀一句话操作mysql数据库乱码问题脚本安全 -电脑资料
- Termux安装Linux及图形化教程
- Swarm服务开启滚动更新