【前端之常用标签和CSS初识】的更多相关文章

前端之常用标签和CSS初识

外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层div有背景色,所以说只有800px那一部分会显示背景色,而超出视口的部分是属于内层div的,内层没有设置背景色,所以是空白! 标准规范介绍 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

前端 HTML 常用标签 head标签相关内容

HTML常用标签 head标签 我们首先来介绍一下head标签的主要内容和作用,文档的头部描述了文档的各种属性和信息,包括文档的标题.编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动端)的等. 以下标签是可以用在head标签中的: <head lang='en'> <title>标题信息</title> <meta charset='utf-8'> <link> <style type='text/css'&…

HTML常用标签与CSS基础知识

一.HTML页面结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>这是页面的标题!</title> </head> <body> 这是页面的主体! </body> </html> <!DOCTYPE>: 该标签位于html文档顶部,用于告诉浏览器,本页面文档使用的是哪种HTML…

前端 HTML 常用标签 head标签相关内容 link标签

link标签 引入CSS样式文件 href="./index.css" CSS文件的路径 <!-- 引入CSS样式文件 --> <link rel="stylesheet" type="text/css" href="./index.css"> 定义网站图标 ,搞网页标题小图标 <!-- 定义网站图标 --> <link rel="icon" href="…

前端 HTML 常用标签 head标签相关内容 style标签 定义内部样式表

styple标签 <!-- 定义内部样式表 --> <style type="text/css"></style>…

前端 HTML 常用标签 head标签相关内容 meta标签

meta标签 Meta标签介绍: <meta>元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词. <meta>标签位于文档的头部,不包含任何内容. <meta>提供的信息是用户不可见的. meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能 常用的meta标签: http-equiv属性 相当于http的文件…

Web前端——Html常用标签及属性

html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 rowspan 表格跨列 colspan 例子: <!--cellspacing 单元格间距 cellpadding单元格边距 --> <table border="1" cellspacing="0" cellpadding="0"> &l…

前端 HTML 常用标签 head标签相关内容 script标签

script标签 定义JavaScript代码 <!--定义JavaScript代码--> <script type="text/javascript"> </script> 引入JavaScript文件 src=""引入的 js文件路径 <!-- 引入JavaScript文件 --> <script src="./index.js"></script> 正常加载    …

前端 HTML 常用标签 head标签相关内容 title标签 网页的标题信息

title标签 <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中. 可以把它看成是一个网页的标题.主要用来告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出当前网页的主题. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&…

运用html常用标签和css定位等学做模仿百度导航页面

导航部分文字链接,鼠标触碰变颜色,除百度logo引用图片外,其它均代码编写.注释部分是一开始用的百度一下截图做的按钮,后来用div填充颜色写了一个按钮.效果图如下. HTML代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度一下,你就知道</title> <link href="css/homework.css&q…