第二章 从零开始构建HTML页面
2016-04-23 22:31
387 查看
1、<!DOCTYPE>文档类型声明
<html>跟标记
<head>头部标记 :用来封装其他位于文档头部的标记,<title> <meta> <link> <style>
一个html文档中只能含有一对<head>标记
<body>主体标记:一个html文档中只能含有一对<body>标记,位于head 头部标记之后,与head标记并列关系。
2、align属性
left:设置标题文字左对齐(默认)
right:右对齐
center:居中对齐
3、段落标记<p> <p align="对齐方式">段落文本</p>
4、水平线<hr/>
5、一个html文档中只能含有一对<title>标记
6、定义页面源信息标记<meta/>,可重复出现在<head>头部标记中。
<meta name="名称" content="值"/> name:提供搜索内容名称 content:提供对应的搜索内容值。
网页关键字:keywords
网页描述:description
网页作者:author
<meta http-equiv="名称" content="值"/>
http-equiv属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数。
默认会发送:<meta http-equiv="Contnet-Type" content="text/html"/>通知浏览器发送的文件类型是HTML。
设置字符集:charset=utf-8 (国际化编码)
7、设置页面自动刷新与跳转
<meta http-equiv="refresh" centent="10;url=http://www.itcast.cn"/>
8、文本格式化标记
<strong></strong>粗体 <em></em>斜体 <del></del>加删除线 <ins></ins>下画线
9、图像标记<img src="图像URL"/>
(1)图像的替换文本属性alt
(2)图像的边距属性vspace 和hspace
(3) 图像的对齐属性align
<html>跟标记
<head>头部标记 :用来封装其他位于文档头部的标记,<title> <meta> <link> <style>
一个html文档中只能含有一对<head>标记
<body>主体标记:一个html文档中只能含有一对<body>标记,位于head 头部标记之后,与head标记并列关系。
2、align属性
left:设置标题文字左对齐(默认)
right:右对齐
center:居中对齐
3、段落标记<p> <p align="对齐方式">段落文本</p>
4、水平线<hr/>
5、一个html文档中只能含有一对<title>标记
6、定义页面源信息标记<meta/>,可重复出现在<head>头部标记中。
<meta name="名称" content="值"/> name:提供搜索内容名称 content:提供对应的搜索内容值。
网页关键字:keywords
网页描述:description
网页作者:author
<meta http-equiv="名称" content="值"/>
http-equiv属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数。
默认会发送:<meta http-equiv="Contnet-Type" content="text/html"/>通知浏览器发送的文件类型是HTML。
设置字符集:charset=utf-8 (国际化编码)
7、设置页面自动刷新与跳转
<meta http-equiv="refresh" centent="10;url=http://www.itcast.cn"/>
8、文本格式化标记
<strong></strong>粗体 <em></em>斜体 <del></del>加删除线 <ins></ins>下画线
9、图像标记<img src="图像URL"/>
(1)图像的替换文本属性alt
(2)图像的边距属性vspace 和hspace
(3) 图像的对齐属性align
相关文章推荐
- html下载链接弹窗
- HTML:关于HTML的Doctype和严格模式与混杂模式
- html学习笔记(一)
- HTML网页模版/DTD有三种类型
- 使用editplus编写HTML页面为什么设置了UTF-8仍然中文乱码
- html的特殊字符
- markdown自动生成侧边栏目录/TOC
- HTML表单设计应该注意什么
- 第六章 HTML表单
- sublime text设置html的浏览器预览
- HtmlUnit的使用
- innerHTML VS createElement
- django使用html模板减少代码
- html中的input文本框完成格式错误提示功能
- HTML中label的两种使用方法
- sublime text编辑器html页面预览
- html转图片
- 【总结】<p>内实现空格的几个方法及对比
- HTML转义字符
- jtable中某列实现html中a标签效果,鼠标移到上面去的时候显示手型效果