Html学习笔记(二)
Html头部
HTML <link>
元素
<link>
标签定义了文档与外部资源之间的关系。
<link>
标签通常用于链接到样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML <style>
元素
<style>
标签定义了HTML文档的样式文件引用地址。
在<style>
元素中也可以直接添加样式来渲染 HTML 文档。
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
HTML<meta>
元素
meta标签描述了一些基本的元数据。
<meta>
标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta>
一般放置于<head>
区域
HTML head 元素
标签 | 描述 |
---|---|
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<base> |
定义了页面链接标签的默认链接地址 |
<link> |
定义了一个文档和外部资源之间的关系 |
<meta> |
定义了HTML文档中的元数据 |
<script> |
定义了客户端的脚本文件 |
<style> |
定义了HTML文档的样式文件 |
记住了哈。
Html CSS
style元素
这里有个实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用网址</title>
<style type="text/css">
p{
color:blue;
}
</style>
</head>
<body>
<a href="https://www.baidu.com">
<img border="2" src="https://pic.downk.cc/item/5e0de0b076085c3289681048.png" width="425" height="300"/></a>
<p>这是一个段落,主人还没有想好写什么</p>
</body>
</html>
效果图:
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部<head>
区域使用<style>
元素 来包含CSS
外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件.
P.S. 说句题外话
style属性:
text-decoration
决定文本有没有下滑线
background-color
决定背景颜色
text-align:center
可以使文本居中对齐
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color:blue;margin-left:20px;">这是一个段落。</p>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在<head>
部分通过 <style>
标签定义。
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="地址">
</head>
图片
HTML 图像- Alt属性
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。
你知道的,我是不会学表格的。
HTML <div>
和<span>
HTML 可以通过 <div>
和<span>
将元素组合起来。
HTML 区块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
实例: <h1>
, <p>
, <ul>
, <table>
HTML 内联元素
内联元素在显示时通常不会以新行开始。
实例: <b>
, <td>
, <a>
, <img>
HTML <div>
元素
HTML <div>
元素是块级元素,它可用于组合其他 HTML 元素的容器。
<div>
元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行。
如果与 CSS 一同使用,<div>
元素可用于对大的内容块设置样式属性。
<div>
元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用<table>
元素进行文档布局不是表格的正确用法。<table>
元素的作用是显示表格化的数据。
HTML <span>
元素
HTML <span>
元素是内联元素,可用作文本的容器
<span>
元素也没有特定的含义。
当与 CSS 一同使用时,<span>
元素可用于为部分文本设置样式属性。
HTML 分组标签
标签 | 描述 |
---|---|
<div> |
定义了文档的区域,块级 (block-level) |
<span> |
用来组合文档中的行内元素, 内联元素(inline) |
最新文章
- PHP的学习--在Atom中使用XDebug(Mac)
- PHP 文件下载 显示进度条
- (转)【推荐】初级.NET程序员,你必须知道的EF知识和经验
- JavaScript中String的math方法与RegExp的exec方法的区别
- nyoj298_点的变换_错误
- Knockout.js是什么?
- while 和 for 对比
- Android学习之-TextView的滑动效果
- Angular2中的host
- 使用iftop网络流量监控
- Spring中的AOP开发
- bookStore第二篇【图书模块、前台页面】
- React Native开发必备的10个插件包
- C#代码执行耗时计算,此处是监测的mvc控制器方法
- 从一个数组对象中取key 和value组成一个新的对象
- Python基础学习Day7 基础数据类型的扩展 集合 深浅copy
- Huploadify V2.1+ SpringMVC上传文件的实现
- C/C++中near和far的区别
- webserive学习记录2-cxf框架基础使用
- Oracle官网下载参考文档