分享

基本课程:基本元素,样式表引用和定义

 瞎聊瞎看 2015-01-08
1、html5声明文本类型
<!DOCTYPE html>
2、HTML基础标签
head  ###定义编码格式 标题 文字的显示形式
<head lang ="en"> ###en 英文  zh 中文 
<meta charset="utf-8">###编码格式  浏览器会去承认的编码格式  [t'?ɑ:set] 字符集
<title>你好</title> ###浏览器页签上面的标题
</head >
<body >
<h1> 标题1</h1> ###h1到h6  标题定义
<p> 段落hello world</p>   ###段落  定义一段文字 如果在段落后面重新写内容,则会重启一段。
<a href = "http://www.baidu.com">百度</a>  ###超链接  点击百度 会进入链接的网址。
<img src= “gutt/nihao.png”> ###图像 ;src  用于指定图片的具体位置 只要在一个文件夹中即可
<body >


Hypertext Reference的缩写。意思是超文本引用 
src:图片地址


3、html元素 元素就是标签
开始标签      元素内容         结束标签
<br/> 空元素 换行
(一般要是空元素 只要在后面加反斜杠即可<p/> 在开始标签中进行关闭)
大多数元素拥有属性
大多数标签(内容)可以嵌套

4、html属性
元素为标签提供更多的属性 
属性以键/值对的形式出现
通用属性
class ##规定类名
  id 
 style ##规定样式
 title ###规定元素的额外信息 超链接的时候会用 一般用的比较少


<h1> align 对其方式  值:right  left center up down 
<body> bgcolor 背景颜色 值:颜色值
background  背景图片  
<a> target 规定在何处打开链接 blank 打开新的标签;默认:覆盖;self :在当前本地打开;top最外层标签; parent父标签; 

5 html格式化 标签
<b> 定义粗体文本
<big> Html4中才有 大号字
<em> 着重字
<i> 斜体字
<small> 小号字
<strong> 加重语气
<sub> 下标字
<sup> 上标字
<ins> 插入字
<del> 删除字

6、html5样式
<style> 样式定义
<link> 资源引用
属性
属性 rel                   属性值"stylesheet" 外部样式表
属性type                 属性值"text/css" 引入文档类型
属性margin-left      属性值:边距长度
属性margin-right   属性值:边距长度

一般把关于样式的操作,放在head中,集中更改;放在body里面也不算错误
外部样式表
<link rel="stylesheettype  ="text/css" href="mystyle.css">###外部引用一个名字为mystyle的CSS文件。
内部样式表     ###本文件内修改样式
<style type = "text/css">
body {background-color:red} ##  body为body里面的一个元素
p {margin-right:20px}  ##  p 为body里面的一个元素
</style>
内联样式表  ###在标签内部修改样式
<p style="color:red">










    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多