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="stylesheet" type ="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"> |
|