《HTML5与CSS3基础教程》笔记


第21章 发布网站

2018-03-01 18:43:25 《HTML5与CSS3基础教程》笔记 阅读: 152 评论:

获得域名 域名:指向服务器的IP地址,便于用户记忆和沟通。一个域名只能对应一个IP,而一个IP可以对应多个域名。 域名注册:在域名注册商购买一个域名用来作为网站的名字。 万网:域名注册、查询 获得主机 虚拟主机:指在网络服务器上分出一定的磁盘空间,用户可以租用此部分空间,以供用户放置站点及应用组件,提供必要的数据存放和传输功能。 购买万网云虚拟主机 购买百度云虚拟主机 域名解析:把域名指向网站服务器空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务。一般域名注册商会提供解析服务。 网站备案 在中国大陆地区所实行的网站信


第20章 测试和调试网页

2018-03-01 18:41:21 《HTML5与CSS3基础教程》笔记 阅读: 128 评论:

验证代码 验证器可以对html和css代码进行检查并显示错误。 验证器: http://validator.w3.org/ http://html5.validator.nu/ 测试页面 对代码进行验证 检查页面的显示效果:如图像是否显示、URL链接是否正确、是否支持响应式等。 检查资源文件是否存在,对其的url引用是否正确。 在不同的浏览器中查看效果 调试技巧 使用开发者工具进行临时修改 对盒子添加边框显示,查看盒子的情况。 在css中使用注释屏蔽临时不需要的样式。


第19章 添加JavaScript

2018-03-01 18:39:57 《HTML5与CSS3基础教程》笔记 阅读: 100 评论:

加载JavaScript脚本 加载JavaScript脚本的方式和css一样有三种方式: 1. 加载外部脚本(推荐使用): 格式: javascript <script src="script.js"></script> 加载外部脚本,其中script.js是js脚本的路径 2. 添加嵌入脚本: 格式: javascript <script> /*这里写脚本代码*/ </script> 3. 添加内联脚本(少用) javascript <a onclick="submit();">提交</a> 加快js脚本的加载


第18章 表格

2018-03-01 18:36:39 《HTML5与CSS3基础教程》笔记 阅读: 177 评论:

创建表格 table标签:创建表格 caption标签:添加表格标题 tr标签:包含表格一行元素 th标签:添加表格项标题(被包含在tr中) td标签:添加表格项(被包含在tr中) 可以使用thead包含表头、tbody包含表格主体、tfoot包含表尾 可以对th使用scope="col"属性为一组列添加标题,使用scope="row"属性为一组行添加标题 设置表格跨越多行或多列 对th或td使用colspan="n"跨越多列,n是列数 对th或td使用rowspan="n"跨越多行,n是行数


第17章 视频、音频和其他多媒体

2018-03-01 18:35:24 《HTML5与CSS3基础教程》笔记 阅读: 89 评论:

添加视频 格式: <video src="videourl"></video> video属性 src 指定视频文件的URL autoplay 设置视频自动播放 controls 添加浏览器的默认控件 muted 静音 loop 循环播放 poster 指定视频播放前的图像(海报),用URL指定图像文件 width 视频窗口的宽度 height 视频窗口的高度 preload 预加载视频,值: none 不预加载 metadata 仅加载视频的元数据(长度、尺寸等基本信息) auto 由浏览器决定(默认值) 设


第16章 表单

2018-03-01 18:26:33 《HTML5与CSS3基础教程》笔记 阅读: 103 评论:

表单的起源比js还要早,功能也已经很完善了,兼容性也很好。通过表单,网站管理员可以和用户进行交互。 创建表单 使用form标签创建表单,并设置method和action属性 method属性值post或get,post用于向服务器提交数据,get会向服务器提交并将返回的数据显示在浏览器地址栏 action属性是表单提交后服务器上用于处理的脚本的url 如:<form method="post" action="same.php">...</form> 这个表单使用post方式上传数据,服务器上用于处理的脚本为save.php 组织表单元素


第15章 列表

2018-03-01 18:21:56 《HTML5与CSS3基础教程》笔记 阅读: 106 评论:

创建列表 使用ol标签创建有序列表、ul标签创建无序列表 使用li标签创建列表项 选择标记 使用liststyletype为列表设置左侧的标记 值:disc(实心圆点) 、circle(空心圆圈)、square(方块)、decimal(数字)、upperalpha(大写字母)、loweralpha(小写字母)、upperroman(大写罗马数字)、lowerroman(小写罗马字母) none(无标记) 继承的 使用图像作为标记 先对列表标签(ul、ol)使用使用liststyle :none; 取消列表标记 对li标签使用ba


第14章 使用CSS进行增强

2018-03-01 18:20:00 《HTML5与CSS3基础教程》笔记 阅读: 115 评论:

为元素创建圆角 创建四个相同的圆角: 这步可选,输入:webkitborderradius: r; ,r是圆角半径。 输入:borderradius: r; r和第一步值相同 (将鼠标放在图形上可以查看属性,下面的都可以) 创建一个圆角: 这步可选,输入:webkitborderxyradius: r; x和y为方位,可以取top、bottom、left、right 输入:borderxyradius: r; r和第一步值相同 重复使用上面属性即可创建多个圆角。 创建椭圆圆角: 这步可选,输入:webkitborderradius: x/y; x




功能
最新评论