发表于: 2018-11-13 20:47:24
1 801
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
标签
HTML标签是分等级的,HTML将所有的标签分为两种:
文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。
p标签是一个文本级标签,p里面只能放文字、图片、表单元素。
容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
块级标签 <div>和<span>
<span>和<div>唯一的区别在于:<span>是不换行的,而<div>是换行的。
div在浏览器中,默认是不会增加任何的效果的,但是语义变了,div中的所有元素是一个小区域。
div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。
span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。
就是说,span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。
div标签负责布局,负责结构,负责分块。css负责样式。
二.字体标签
标题:标题使用<h1>至<h6>标签进行定义。
三:超链接
1.外部链接
<a href="02页面.html">点击进入另外一个文件</a>
2、锚链接:
指给超链接起一个名字,作用是在本页面或者其他页面的的不同位置进行跳转。
3、邮件链接:
<a href="mailto:smyhvae@163.com">点击进入我的邮箱</a>
href:目标URL
title:悬停文本。
name:主要用于设置一个锚点的名称。
target:告诉浏览器用什么方式来打开目标页面。target属性有以下几个值:
_self:在同一个网页中显示(默认值)
_blank:在新的窗口中打开。
_parent:在父窗口中显示
_top:在顶级窗口中显示
我们现在无论是在a标签、img标签,如果要用路径。只有两种路径能用,就是相对路径和绝对路径。
相对路径,就是../ image/ 这种路径。从自己出发,找到别人;
绝对路径,就是http://开头的路径。
给图片加超链接:
<a href="网页2.html"><img src="2.jpg"></a>
<meta>属性
<meta>:提供有关页面的基本信息
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
浏览器就是通过meta来看网页是什么字符集的。
<meta http-equiv="refresh" content="3;http://www.baidu.com">
意思是:3s之后,自动跳转到百度页面;
<body> 与 </body> 之间的文本是可见的页面内容
<body>:用于定义HTML文档所要显示的内容,也称为主体标签。我们所写的代码必须放在此标签內。
定义关键词:
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。让别人能够找到你,搜索到你。
定义页面描述:
<meta name=" " content=" ">
name即“名字”,content即“内容”。
只要设置Description页面描述,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO(search engine optimization,搜索引擎优化)。
<body>属性
bgcolor:设置整个网页的背景颜色。
background:设置整个网页的背景图片。
text:设置网页中的文本颜色。
leftmargin:网页的左边距。IE浏览器默认是8个像素。
topmargin:网页的上边距。
rightmargin:网页的右边距。
bottommargin:网页的下边距。
明天计划的事情:(一定要写非常细致的内容)
学习css基础知识
遇到的问题:(遇到什么困难,怎么解决的)
暂无
收获:(通过今天的学习,学到了什么知识)
同上
评论