HTML

论坛 期权论坛     
选择匿名的用户   2021-5-23 22:47   157   0
HTML:超文本标记语言(Hyper Text Markup Language)
<br>HTML不是一种编程语言,而是一种标记语言,描述网页的语言
<br>HTML使用标签描述网页中图片,文本,音乐,视频,超链接等
<br>ctrl&#43;D:快速复制一行   table:自动补全
<br>标题标签:&lt;h1&gt;--&lt;h6&gt;
<br>段落和换行标签:&lt;p&gt;..&lt;/p&gt;、&lt;br/&gt;
<br>水平线标签:&lt;hr/&gt;
<br>斜体:&lt;em&gt;...&lt;/em&gt;
<br>字体加粗:&lt;strong&gt;...&lt;/strong&gt;
<br>&lt;img src&#61;&#34;&#34; alt&#61;&#34;&#34;&gt; 图片
<br>常见的图片格式:jpg、gif、bmp、png
<br>路径:相对路径   从当前位置查找
<br>      绝对路径   从根查找
<br>      ../   返回上一级目录
<br>width代表图片的宽  height代表图片的高
<br>超链接:&lt;a href&#61;&#34;链接地址&#34; target&#61;&#34;目标窗口位置&#34;&gt;文本或图像&lt;/a&gt;
<br>target取值:_self  自身窗口 /  _blank  新建窗口
<br>超链接的应用:
<br>1.页面间链接:A页到B页,网上常见链接
<br>2.锚链接:跳至自身固定位置,或A页跳到B页固定位置,需锚标记
<br>
<span style="white-space:pre;"> </span>要跳转到的部分 &lt;a name&#61;&#34;名字&#34;&gt;&lt;/a&gt;
<br>
<span style="white-space:pre;"> </span>用超链接部分  &lt;a href&#61;&#34;#名字&#34;&gt;文本或图像&lt;/a&gt;
<br>
<span style="white-space:pre;"> </span>跳转到不同页面的固定位置
<br>
<span style="white-space:pre;"> </span>1.html    2.html
<br>
<span style="white-space:pre;"> </span>&lt;a  href&#61;&#34;2.html#me&#34;&gt;点击我&lt;/a&gt;
<br>
<span style="white-space:pre;"> </span>&lt;a name&#61;&#34;me&#34;&gt;跳转到我这里来&lt;/a&gt;
<br>3.功能性链接:电子邮件、QQ、MSN等链接
<br>
<span style="white-space:pre;"> </span>&lt;a href&#61;&#34;mailto:邮箱地址&#34;&gt;给站长写信&lt;/a&gt;
<br>
<br>
<br>注释和特殊符号
<br>空格:&amp;nbsp
<br>大于号(&gt;):&amp;gt
<br>小于号(&lt;):&amp;lt
<br>引号:&amp;quot
<br>版权符号&#64;:&amp;copy
<br>注释:&lt;!--文本--&gt;
<br>
<br>
<br>规范:
<br>--标签名称、属性名称必须小写
<br>--标签必须严格嵌套,并且必须闭合,即使空元素标签也必须闭合
<br>--属性值必须用引号引起来
<br>
<br>
<br>如何实现在网页上播放视频和音频?
<br>1.第三方自主开发的播放器
<br>2.flash
<br>3.html5媒体元素
<br>
<br>
<br>&lt;video src&#61;&#34;视频路径&#34; controls&gt;&lt;/video&gt;
<br>autoplay:自动播放
<br>&lt;video controls&gt;
<br>   &lt;source src&#61;&#34;video/video.webm&#34; type&#61;&#34;video/webm&#34;/&gt;
<br>   &lt;source src&#61;&#34;video/video.mp4&#34;  type&#61;&#34;video/mp4&#34;/&gt;
<br>&lt;/video&gt;
<br>
<br>
<br>&lt;audio  src&#61;&#34;音频路径&#34;controls(&#61;&#34;controls&#34;)&gt;&lt;/audio&gt;
<br>&lt;audio controls&gt;
<br>   &lt;source src&#61;&#34;music/music.mp3&#34; type&#61;&#34;audio/mpeg&#34;/&gt;
<br>   &lt;source src&#61;&#34;music/music.ogg&#34;  type&#61;&#34;audio/ogg&#34;/&gt;
<br>&lt;/audio&gt;
<br>
<br>
<br>HTML5的结构元素
<br>header:标题头部区域的内容(用于页面或页面中的一块区域)
<br>footer:标记脚部区域的内容(用于整个页面或页面的一块区域)
<br>section:web页面中的一块独立区域
<br>article:独立的文章内容
<br>aside:相关内容或应用(常用于侧边栏)
<br>nav:导航类辅助内容
<br>
<br>
<br>
<br>
<br>CSS样式(层叠样式表)
<br>优势:
<br>--内容与表现分离
<br>--网页的表现统一,容易修改
<br>--丰富的样式,使页面布局更加灵活
<br>--减少网页的代码量,增加网页的浏览速度,节省网络带宽
<br>--运用独立于页面的CSS,有利于网页被搜索引擎收录
<br>CSS注释:/*  */
<br>CSS语法规则
<br>选择器{声明1  属性:值;
<br>      声明2;
<br>      声明3;
<br>      .....
<br>}
<br>--标签选择器:选择器写法和标签是一致的,所有的这些标签会使用统一的样式
<br>--类选择器:(.)选择器名字{color:red}  &lt;h1  class&#61;&#34;选择器名字&#34;&gt;&lt;/h1&gt;
<br>--ID选择器:#选择器名称{color:red}&lt;h1 id&#61;&#34;选择器名称&#34;&gt;&lt;/h1&gt;
<br>--结构伪类选择器:a:nth-of-type(1){text-decoration:overline}表示父集下面类型为a的第一个元素
<br>类选择器可以重复使用,ID选择器只能使用一次,不能重复
<br>颜色表达:英文单词/十六进制的数字:0-9 A B C D E F 比如:ff0000
<br>RGB&#61;Red  Green  Blue   ff代表最大
<br>如何使用CSS样式:
<br>(1)写在内部样式表&lt;style&gt;&lt;/style&gt;
<br>(2)内联样式:在标签后面加样式属性&lt;p style&#61;&#34;&#34;&gt;&lt;/p&gt;
<br>(3)外部样式表:(1.链接式)创建一个外部的css文件:*.css把样式写在这个文件中
<br>谁想用这个样式,谁就引入这个css文件即可&lt;link rel
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP