Samatha_子衿-优快云博客

原创内联框架和音视频播放

内联框架用iframe标签表示，用于在一个网页中引入另一个网页 src：引入途径 frameborder：边框大小 <iframe src="http://baidu.com" frameborder="0"></iframe> 音视频播放 /Users/macbook/Documents/DAY01/16_audio.html /Users/macbook/Music...

2020-03-18 15:21:02 485

原创图片标签img

1.作用用于向当前页面中引入一个外部图片 img元素属于替换元素（块和行内元素之间，具有两种元素的特点） 2.属性 src（必须）指定外部图片的路径（相对路径） alt 图片描述，默认不显示。在浏览器无法加载图片时出现搜索引擎会根据alt中的内容中搜索图片不写则不会被搜索引擎搜索到 width 图片宽度（单位：像素） height 高度（单位：像素） width和height只设...

2020-03-12 17:45:34 323

原创超链接和相对路径

1.超链接属于行内元素，但是超链接内可包含除自身外的任何元素（包括块元素div）作用：跳转到指定位置 href属性：跳转的位置 <a href="http://www.google.com">超链接</a> 2.相对路径除了跳转到指定的外部网页，也可以跳转到文件中的位置，一般通过相对路径来实现。相对路径：相对于当前文件所在的位置 ./ :表示当当前文件...

2020-03-09 16:22:55 2281 1

原创列表

1.列表的分类无序列表用ul创建无序列表，li创建列表项有序列表用ol创建有序列表，li创建列表项定义列表 dl：创建定义列表 dt ：定义的内容标题 dd：对内容的解释说明 2.列表嵌套 ul，ol，dl之间可以相互嵌套。使用如下： <ul> <li> nihao <ul> <li...

2020-03-08 15:33:26 188

原创语义化标签（二）

语义化标签在显示样式上没有任何区别，所呈现效果均为CSS样式调节达成。常用 div : 块元素，无语义，最常用于网页布局 span : 行内元素，无语义，常用于网页中选中文字非常用 header 网页头部 main 网页主体，一个网页中只可有一个 footer 网页底部 nav 导航栏 aside 和主体有关的部分（不属于主体），常用于侧边栏 article 网页单独的文章 ...

2020-03-08 14:13:40 169

原创块元素和行内元素（初步）

块元素（bolck elemet）主要用于页面布局，在网页中独占一行行内元素（line element）主要用于包裹文字，不会独占一行规则：一般情况下：用块元素包含行内元素，反之不可 1.块元素可以包含任何元素 2.p元素（块元素）不能包含任何块元素用块元素包含行内元素 <p>我是<em>块</em>元素</p> 浏览器自...

2020-03-07 21:47:19 191

原创 html中的实体

为什么用：要应用特殊字符时，采用实体（转义字符）遇到的问题：例如:在网页中无论多少个空格，浏览器最终只能按照一个空格解析; 大于小于符号的输入，若输入a<b>c，不能被正确显示实体格式： &实体名称；常用实体： &nbsp；空格，需要多少个空格就写多少 <p>我是   &a...

2020-03-07 15:15:48 319

原创语义化标签（一）

在html中更需注重的是其语义而非样式，常见的语义化标签有： 1.n级标题标签 h1~h6,一级标题～六级标题，标题重要性依次递减，依次缩小字体一级标题在一个网页中只能存在一个，仅次于title <hgroup> <h1>回乡偶书</h1> <h2>其一</h2> </hgroup> 2.段落标签...

2020-03-06 14:40:47 192

原创 title标签

定义和用法 title元素可定义文档的标题。 1.通常把它放置在浏览器窗口的标题栏或状态栏上。 2.当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。 title中内容会显示在浏览器的标题栏，搜索引擎主要根据title中的关键字判断网页的主要内容 <title>网页左上角的标题，会作为超链接显示在搜索引擎中</title> 提...

2020-03-05 23:17:59 889

原创 meta标签的使用

meta标签的常用方式 1.设置网页的字符集 <meta charset="UTF-8" /> 2.设置网页关键字描述网页关键字，检索关键字时会搜索到该网页。可添加多个，用逗号隔开 <meta name="keywords" content="耳朵，拖鞋" /> <meta name="Keywords" content="...

2020-03-05 22:50:28 604

博客人生