![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
网页制作HTML+HTML5+CSS+JavaScript
网页制作知识点
FANZIYUAN
1
展开
-
CSS之段落属性设置
概述:利用CSS可以控制段落,主要包括单词间隔、字符间隔、文字修饰、纵向排列、文本转换、文本排列、文本缩进和行高等。1.单词间隔word-spacing可以设置单词之间的间隔距离语法:word-spacing:取值取值:默认选项normal指正常的间隔2.字符间隔letter-spacing可以设置字符之间的间隔距离语法:letter-spacing:取值例如:letter-spacing: 3px;3.文字修饰text-decoration对文本进行修饰,如设置下划线、删除线等。语法原创 2021-11-17 22:42:20 · 1123 阅读 · 0 评论 -
HTML5之表单标记(form)
< form>< /form>在网页制作中是用来创建一个表单,一、下面介绍表单< form>标记的一些属性1.提交表单actionaction用于指定表单数据提交到哪个地址进行处理语法:< form action=“表单的处理程序”>… … .< /form>注:表单的处理程序是表单要提交的地址,也就是表单中收集到的资料将要传递的程序地址。这一地址可以是绝对地址,也可以是相对地址,还可以是其他形式的地址2.表单名称namenam原创 2021-11-16 18:28:20 · 1580 阅读 · 0 评论 -
CSS之颜色和背景的属性设置
1.颜色属性colorcolor属性用来设置指定元素的颜色,颜色值是一个关键字原创 2021-11-15 22:08:45 · 3353 阅读 · 0 评论 -
CSS之字体属性的设置
1.font-famaily---------设置字体语法:font-family:“字体1”,“字体2”2.font-size--------设置字号font-size:大小的取值font-size的取值如下:xx-small:绝对字体尺寸,最小。x-small:绝对字体尺寸,较小。small:绝对字体尺寸,小。...原创 2021-11-14 20:00:46 · 3255 阅读 · 0 评论 -
初识CSS
基本语法CSS语法结构由三部分组成:选择符、样式属性和值基本语法如下:选择符{样式属性:取值; 样式属性:取值;------}示例:body {background-color:red}●选择符(selector):为body,是页面中的< body>标签●属性(property):为background-color,控制对象背景色●值(value):为red添加CSS的方法添加CSS有4种方法:1.链接外部样式表、是在网页中调研已经定义好的样式表来实现样式表的应用。它是一原创 2021-11-12 22:20:28 · 273 阅读 · 0 评论 -
HTML5 video(视频)audio(音频)添加
HTML5视频(video)video标签概述:1.src-----------规定要播放视频的URL地址2.poster--------视频加载时显示的图像或者点击播放按钮前显示的图像3.preload-------定义视频是否预加载属性有3个可选择的值<1.>none<2.>metadata<3.>auto默认为:auto●none :当页面加载后不载入视频;●metadata : 当页面加载后只载入元数据●auto : 当页面加载后再入整个视频原创 2021-11-12 17:33:44 · 3062 阅读 · 0 评论 -
9,HTML5元素
一.新增结构元素归纳总结:1,section:可以表达书本的一部分或一章,或者一章内的一节英语释义:section--------------英 /'sekʃ(ə)n/ 美 /'sɛkʃən/n. 截面;部分;部门;地区;章节vi. 被切割成片;被分成部分vt. 把…分段;将…切片;对…进行划分2.header:页面主体上的头部,并非head元素3.footer:页面的底部(页脚)。4.nav:到其他页面的链接集合5.article:博文、杂志、文章汇编等中的一篇文章。代码示例:原创 2021-11-02 14:49:45 · 106 阅读 · 0 评论 -
8.添加多媒体
添加多媒体一、设置滚动效果代码示例:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>滚动效果</title> </head> <body> <h4 align="center">团支部双学活动</h4> <marqu原创 2021-11-01 17:37:42 · 106 阅读 · 0 评论