day23-HTML-css

最新推荐文章于 2024-10-02 17:48:55 发布

a69939452

最新推荐文章于 2024-10-02 17:48:55 发布

阅读量121

点赞数

原文链接：http://www.cnblogs.com/zhiai007/p/9478059.html

版权

一、HTML

1.网页的基本结构：

（1）声明部分：使得浏览器得知文档的类型（浏览器以什么方式解析），还可以声明HTML的版本信息。目前基本是HTML5标准。

（2）网页的头部：head标签开始和结束。

-meta：单标签，提供页面的相关元信息，如针对搜索引擎的描述和关键字。

<meta name="Keywords" content="关键词内容">
<meta name="Description" content="描述信息内容">

-title：网页的标题

-link：引入文件-网页图标或者css文件等

（3）身体部分

以body标签开始和结束的部分，网页的主要内容就在这里面编写。

2.常用的标签:

(1)块级标签：默认占据一行，可以通过height和width属性直接控制。

h1 - h6 :标题标签

div : 分区或者分节标签

p : 段落标签

ul - li : 列表标签

（2）行内标签：根据元素本身的大小分配空间，只有当一行的内容装满后才会换行，不受height和width属性控制。

span：行内元素的组合标签，它本身没有任何效果。

img : 图片标签

            src : 通过相对路径或者可访问的url
            alt : 当图片无法显示时的提示信息
            title : 鼠标移动到图片上的描述信息
            height : 只更改height时可以实现图片的原比例缩放
            width : 更改图片宽度
 <img src="img/test.jpg" alt="测试图片" title="HTML/CSS" height="300px" width="" />

a : 超链接标签

<!--
            a标签
            链接的描述信息:a标签内部，可以为文字或图片
            链接跳转目标:a标签的href属性
            注意问题:优先在当前项目中搜索,直接跳转至另外的公网网站需要添加http://
            target:链接的打开方式 - _blank -> 新的标签页 , _self以及省略target属性 -> 当前直接跳转
     -->
    <a href="Test2.html" target="_blank">打开百度</a>
    <br />
    <a href="http://www.baidu.com" target="_self">打开百度</a>
    <br />
    <a href="http://www.baidu.com">打开百度</a>