Html5基础结构总结

最新推荐文章于 2024-05-20 11:13:43 发布

超现实但很精彩

最新推荐文章于 2024-05-20 11:13:43 发布

阅读量259

点赞数

分类专栏： web 文章标签：前端 html5

web 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

1. HTML基本结构

<html>
<head>
	<title>标题<title>
</head>
<body>

</body>
</html>

 1. <html>...</html>根控制标记

 2. <head>...</head>头控制标记
	包括以下：
	 - <title>单纯文件标题声明
	 - <meta>标记的动态文件转换声明
	 - <base>超链接网址基准参考点
	 - Javascript和VBScript程序
	 - stylesheet可用来设置排版的声明
	 - <link>可引用外部文件，如CSS排版样本

 3. <title>...</title>浏览器视窗标题

 4. <body>...</body>网页显示内容

2. HTML标记的格式

 1. <标记名称>
	单一型，无设置值。如：换行<br>
 2. <标记名称 属性=“属性值”>
	单一型，有设置值的。如：水平线<hr width="60%">
 3. <标记名称>...</标记名称>
	对称型，无设置值。如：标题<title>...</title>
 4. <标记名称 属性=“属性值”>...</标记名称>
	对称型，有设置值。如：字体<font size="5">...</font>

3. 常用标记

 1. 跳行
	格式：<br>
	无属性设置
	
 2. 段落
	格式：<p align="排列方式">..</p>
	属性名称		属性值		说明
	align			left			左对齐
						center		居中
						right			右对齐
						
 3. 水平线
	格式：<hr>
	属性名称		属性值		说明
	size				像素			绝对值，数字表示
						百分比		相对值，百分数表示
	width			像素			绝对值，长度一定
						百分比		相对值，长度随窗口宽度改变
	noshade						实体线
	
 4. 向中对齐
	格式：<center>...</center>
	
 5. 背景与文字
	格式：<body	bgcolor="背景色"	text=“文字颜色”>
			<body	leftmargin="像素"	topmargin=“像素”>
			
 6. 标题文字
	格式：<h1>...</h1>~<h6>...</h6>
	属性名称		属性值		说明
	align			left			靠左
						center		居中
						right			靠右
						
 7. 特殊字符
	格式：<	lt;
				>	gt;
				&	amp;
				"	quot;
				
 8. 实体字符
	<b>…</b>		加粗
	<i>…</i> 		倾斜
	<s>…</s> 	删除线
	 <u>…</u> 	下划线
	 <tt>…</tt> 	电报
	 <sub>…</sub> 下标
	 <sup>…</sup> 上标

 9. 语义字符控制
 	  <address>…</address> 	地址
 	  <big>…</big>					大字
 	  <del>…</del>					删除
 	  <ins>...</ins>					修改
 	  <samll>…</small> 			小字
 	  <strong>…</strong> 		加强语气(加粗)
 	  <em>...</em> 					加强语气(倾斜)
 	  
 10.  <font>字体控制
	格式：<font>...</font>
	属性名称		属性值		说明
	size				0-7			字体大小
	color			英文			颜色
	face				字体			字体
	
 11. 格式化
	格式：<pre>...</pre>
	让书写文字格式化
	
 12. 引用文本
	格式：<blockquote>...</blockquote>
	属性名称		属性值		说明
	cite				url			被引用的地址
	
 13. 注释
	格式：<!--...-->