HTML笔记（第一部分）

最新推荐文章于 2021-12-09 15:59:53 发布

夏洛克卷

最新推荐文章于 2021-12-09 15:59:53 发布

阅读量1k

点赞数

分类专栏： HTML 文章标签： HTML 语法

本文链接：https://blog.csdn.net/zx48822821/article/details/53036805

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<span style="color: rgb(102, 102, 102); font-family: 'microsoft yahei'; font-size: 14px; line-height: 24px; text-indent: 28px;">由于有些零散的代码夹杂其中，所以用代码块编辑。</span>

马士兵_HTM_学习笔记_尚学堂_个人整理 
一、HTML简介
	Hyper Text Markup Language 
		超文本      (文字+图片+音视+链接…) 
		标记语言   (浏览器根据标记显示内容) 
		来自于SGML(标准通用标记语言) 
		专注于在Web上传递信息 
		是写给浏览器的语言 
	历史 
		HTML1.0 – HTML2.0 (IETF制定) – HTML4.0(最终版) W3C 
		IETF – Internet Engineering Task Force 
		HTTP协议 RFC等 
		RFC2616 Http1.1  RFC1521 MIME 
		W3C – World Wide Web Consortium (www.w3.org) 
			HTML XML等 
		XHTML 
			符合XML标准的HTML 
		DHTML
			（X）HTML / CSS / JavaScript的综合运用 


二、HTML语法标记 标记(标签或元素)的形式  
	 <元素名>内容</元素名> 
		Eg.  <font>文字</font> 
	 <元素名/> 
		Eg.  <img src=―…‖/> 
	 <元素名> 
		Eg.  <br> 
	位于尖括号内可以具有属性值 
		属性值必须"" 或 ''不写也可以解析 但是不推荐(不符合XHTML) 
	有开始必须有结束(XHTML) 
	标签不能嵌套 
	不区分大小写 
		但应该养成良好的编程习惯推荐都用小写 


 三、Html文档结构 
<html> 
	<head> 
		<title> 
 			 典型HTML 
		 </title> 
	</head> 
	<body> 
 		我会努力的
	</body> 
</html> 
<!-- 中间的内容为注释 --> 


四、head中的常用标签 
	<title>文字</title>
		“文字”将显示在浏览器标题栏上

	<meta>：用于设置一些头信息
	<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
	<meta http-equiv=“refresh” content=“3;url=http://www.foo.com”>
		"http-equiv"指明下面要设置的项目；”content"指明该项目设置的内容

	<meta name="keywords" content="your keywords">
	<meta name="description" content="your description">
	<meta http-equiv=“expires” content=“0”> <meta http-equiv=“pragma” content=“no-cache”>
	不要对网页缓存(上)不要再代理服务器缓存 (下)
	<meta name=“generator | author | copyright” content=“…..”> 用什么生成,版权
	<style>…</style>定义CSS格式
 
	<Script language=“”>…</Script>
		用于定义脚本，Eg. Javascript


五、锚点标签--<a>
	<a name="AnchorName">
		在该位置定义名字为AnchorName的锚，就是给这个位置起了个名字，别人可以用这个名字直接链接到该文件的这个位置


六、链接标签--<a>
	超级链接，跳转到另一文件
		<a href=“url” target=“TargetWindow”>文字
		</a>

	当鼠标点击“文字”时，TargetWindow的内容将会跳转到“url”，不指定target时在本窗口跳转。
	
	连接到文件的特定部分
		Href=“url#point”
		链接到url的point部分
		在url文档中用<a name=“point”></a>标识

	Target 见“框架“部分


七、路径问题
	本地路径（不提倡）
		"c:\dir1\dir2\…"
	绝对路径
		"http://www.foo.com/img_url.jpg
	相对路径（相对于当前URl地址来说）
		“images/01.jpg”         在当前文件夹下找01
		“../../images/01.jpg“   ..代表上层路径
		“/images/01.jpg” = “http://mysite/images/01.jpg  找当前路径的根路径
	Eg.  <a href=“”></a>
	Eg.  <img src=“”/>


八、URL URI URN
	URL
		Uniform Resource Locator（统一资源定位符）
			网络协议 ＋ 主机名 ＋ 端口号 ＋ 资源名（定位标记）
			http://www.bjsxt.com:80/index.html#top
			带有参数的url 及 url编码问题  见Servlet / JSP部分
	URN
		Uniform Resource Name
		持久可用的资源标准名称
			例如邮箱名mashibing2004@sina.com
	URI
		Uniform Resource Identifier
		包含URL和URN


九、分隔线--<hr>
	语法
		<hr size=“pixels” align=“align” width=“pixels” color=“#” noshade>
		Size 高度
		Align 对齐方式，可以取left或right
		Noshade 无阴影效果
		颜色
	Eg. <hr noshade color=“#ff00ff” width=“600” size=“8” align=“left”>


十、标题字体大小--<h#>
	<h#>…</h#>  #=1、2、3、4、5、6
	按标题级别用黑体字显示标题内容
	自动插入空行
	<h1>最大
	<h6>最小



十一、字体设置
	<font face=“” size=“” color=“”>…</font>
		face定义字体
		size  1   2   3   4   5   6   7
			实际  8  10 12 14 18 24 36（pixels）
				<font size=“+1”>
				<font size=“-1”>

	Color可以使用预定义的名字,也可以使用数字
		red、blue、black…

	<tt></tt>通常是打字机风格字体
	<cite></cite>通常是引用方式（斜体）
	<em></em>强调（通常是斜体加粗体）


十一、设置文字显示
	
名称	HTML代码
黑体	<b></b>
斜体	<i></i>
下划线	<u></u>
中划线	<s></s>
闪烁	<blink></blink>
上标	<sup></sup>
下标	<sub></sub>

十二、特殊字符
<			<
>			>
&reg			注册商标
&		&
 		空格
&copy;		copyright
™		商标™
"		“

夏洛克卷

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML笔记（第一部分）

马士兵_HTM_学习笔记_尚学堂_个人整理一、HTML简介 Hyper Text Markup Language 超文本 (文字+图片+音视+链接…) 标记语言 (浏览器根据标记显示内容) 来自于SGML(标准通用标记语言) 专注于在Web上传递信息是写给浏览器的语言历史 HTML1.0 – HTML2.0 (IETF制定) – HT
复制链接

扫一扫