发表于: 2018-11-13 20:47:24

1 803


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)

 

标签

HTML标签是分等级的,HTML将所有的标签分为两种

 

文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。

p标签是一个文本级标签,p里面只能放文字、图片、表单元素。

容器级标签divh系列、lidtdd。容器级标签里可以放置任何东西。

块级标签 <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基础知识
遇到的问题:(遇到什么困难,怎么解决的) 

暂无
收获:(通过今天的学习,学到了什么知识)

同上


返回列表 返回列表
评论

    分享到