html学习笔记(1)——html基本格式
2015-06-03 15:56
387 查看
一、HTML基本格式:
<html>
<head>
<title>...</title>
</head>
<body>
... ...
<body>
</html>
二、HTML控制标记的格式:
1、<标记名称>
单一型,无设置值
如:<br>
2、<标记名称属性 = “ 属性值 ” >
单一型,有设置值
如:<hr width = “ 80% ”>
3、<标记名称> … </标记名称>
对称型,无设置值
如:<title> … </title>
4、<标记名称属性 = “ 属性值 ”> … </标记名称>
对称型,有设置值
如:<body bgcolor = “ red ”> …</body>
<fontsize = “ 7 ”> … </font>
三、HTML常用标签:
1、换行 <br>
2、段落 <palign = “ 排列方式 ”> …</p>
3、水平直线 <hr>
4、背景色与文字设置 <body bgcolor = “ 背景色 ” text = “ 文字颜色 ”>
5、整体页面的边距 <body leftmargin = “ 像素” topmargin = “ 像素 ”>
6、标题文字设置 <h1> … </h1>
```
<h6>… </h6>
8、特殊字符设置 < lt;
> gt;
& amp;
“ quot; (Ps、每个之前都要加&)
9、在HTML备注 <!-- … -->
10、实体字符控制标记
(1) <b> … </b> 粗
(2) <i> … </i> 斜
(3) <s> … </s> 删
(4) <u> … </u> 下划线
(5) <tt> … </tt> 电报
(6) <sub> … </sub> 下标
(7) <sup> … </sup> 上标
11、语意字符控制
(1) <address> …</address> 地址
(2) <big> … </big> 大字
(3) <small> …</small> 小字
(4) <del> … </del> 删除 (等效于 <s> )
(5) <ins> … </ins> 修改(等效于 <u> )
(6) <strong> …</strong> 加强语气 (加粗 等效于 <b> )
(7) <em> … </em> 加强语气(倾斜 等效于 <i> )
12、<font> 字体控制 (被废弃的标签)
格式:<font> … </font>
属性名称 属性值
size 0-7
color 英文或十六进制数
face 字体 (建议不要用)
13、格式化
格式:<pre> … </pre>
让书写的文字格式化!
14、引用文本
格式:<blockquote> …</blockquote>
属性名称 属性值 说明
cite url 被引用的地址
<html>
<head>
<title>...</title>
</head>
<body>
... ...
<body>
</html>
二、HTML控制标记的格式:
1、<标记名称>
单一型,无设置值
如:<br>
2、<标记名称属性 = “ 属性值 ” >
单一型,有设置值
如:<hr width = “ 80% ”>
3、<标记名称> … </标记名称>
对称型,无设置值
如:<title> … </title>
4、<标记名称属性 = “ 属性值 ”> … </标记名称>
对称型,有设置值
如:<body bgcolor = “ red ”> …</body>
<fontsize = “ 7 ”> … </font>
三、HTML常用标签:
1、换行 <br>
2、段落 <palign = “ 排列方式 ”> …</p>
3、水平直线 <hr>
4、背景色与文字设置 <body bgcolor = “ 背景色 ” text = “ 文字颜色 ”>
5、整体页面的边距 <body leftmargin = “ 像素” topmargin = “ 像素 ”>
6、标题文字设置 <h1> … </h1>
```
<h6>… </h6>
8、特殊字符设置 < lt;
> gt;
& amp;
“ quot; (Ps、每个之前都要加&)
9、在HTML备注 <!-- … -->
10、实体字符控制标记
(1) <b> … </b> 粗
(2) <i> … </i> 斜
(3) <s> … </s> 删
(4) <u> … </u> 下划线
(5) <tt> … </tt> 电报
(6) <sub> … </sub> 下标
(7) <sup> … </sup> 上标
11、语意字符控制
(1) <address> …</address> 地址
(2) <big> … </big> 大字
(3) <small> …</small> 小字
(4) <del> … </del> 删除 (等效于 <s> )
(5) <ins> … </ins> 修改(等效于 <u> )
(6) <strong> …</strong> 加强语气 (加粗 等效于 <b> )
(7) <em> … </em> 加强语气(倾斜 等效于 <i> )
12、<font> 字体控制 (被废弃的标签)
格式:<font> … </font>
属性名称 属性值
size 0-7
color 英文或十六进制数
face 字体 (建议不要用)
13、格式化
格式:<pre> … </pre>
让书写的文字格式化!
14、引用文本
格式:<blockquote> …</blockquote>
属性名称 属性值 说明
cite url 被引用的地址
相关文章推荐
- Html.RenderPartial、Html.RenderAction联系与区别
- @html.ActionLink的几种参数格式
- TWebBrowser 与 MSHTML(5): document 对象的属性、方法、事件纵览
- MVC-Html.ActionLink的几种写法
- htmlunit官网简易教程(翻译)
- HTML测试用
- HackerRank - "Detect HTML Attributes"
- HTML页面中,设置input获得焦点
- html页面元素加载顺序
- 清理Word生成HTML的冗余;清理与清除HTML标签
- HTML学习笔记之一(input文件选择框的封装)
- 001_01HTML常用语法
- Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)
- Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)
- 浏览器加载和渲染html的顺序
- MVC-命名空间“System.Web.Mvc”中不存在类型或命名空间名称“Html”(是否缺少程序集引用?)
- html input文本框 输入框提示(hint)内容的实现
- 去掉html表格之table间的空隙
- HTML<!DOCTYPE> 声明的作用
- html基础