HTML <!DOCTYPE> 标签 布局引用的几种方法 行级元素与块级元素
2015-12-29 20:43
876 查看
HTML <!DOCTYPE> 标签
<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html>
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
要总是向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能知道文档的类型。
HTML 4.01 与 HTML5 之间的差异(如下所示)
布局引用的几种方法
三种:1,连接到外部样式表:<link rel="stylesheet" type="text/css" href="css/index.css">(添加到head部分里面)
2,创建嵌入式样式表:在HTML的head部分创建一个style元素,直接写入样式规则
<style>
img{border:8px solid red;
}</style>
3,应用内联样式:直接在元素内添加一个style(如)
<img scr="ticket.png" class="picture" alt="a ticket" style="border:8px solid red" />
行级元素与块级元素
块级元素占一行,不论内容多少只要是有2个这样的元素就会换行,行内元素内容少时不会换行。这是个重要区别。
块级元素(block element)
* address - 地址
* blockquote - 块引用
* center - 举中对齐块
* dir - 目录列表
* div - 常用块级容易,也是css layout的主要标签
* h1 - h6
* menu - 菜单列表
* ol - 排序表单
* p - 段落
* pre - 格式化文本
* table - 表格
* ul - 非排序列表
内联元素(inline element)
* a - 锚点
* abbr - 缩写
* acronym - 首字
* b - 粗体
* br - 换行
* cite - 引用
* code - 计算机代码(在引用源码的时候需要)
* dfn - 定义字段
* em - 强调
* font - 字体设定(不推荐)
* img - 图片
* input - 文本框
* label - 表格标签
* q - 短引用
* select - 项目选择
* small - 小字体文本
* span - 常用内联容器,定义文本内区块
* strong - 粗体强调
* sub - 下标
* sup - 上标
* textarea - 多行文本输入框
* var - 定义变量
相关文章推荐
- 关于html页面布局
- 关于html页面布局
- html 冷门
- sublime texthe 和 Dreamweaver 2015 cc 快速生成html的语法搜集大全
- HTMLayout 和 Sciter
- ActiveX(四) mshtml 命名空间 重要接口简介
- 外行学 html - style
- html有序列表和无序列表
- html网页写一个时钟
- html使用ul li 标签实现多级横向菜单
- Html用ul li实现多级横向菜单
- HTML在手机上实现直接拨打电话以及发送短信
- xhtml的块级元素(div)和内联元素(span)
- HTML 页面中的 SVG
- html中meta的介绍
- 运用swt制作一个简易计算器,附加关于html制作网页中的搜索框的一个小知识
- chrome也支持保存成mhtml文件
- HtmlParser【ed2k】
- 获取HTML元素的三个方法
- <Web>HTML中设置欢迎页面自动跳转