HTML基础
简介:HTML=hyper text makeup language=超文本标记语言
一、html基本语法
1 html中有且仅有一个根标签<html></html>
2 标签都是成对出现的,有开始标签和结束标签,如开始标签<html>结束标签</html>;
如果开始标签和结束之间没有任何内容的话可以写成自闭标签如<br/><hr/>
<img src=""/>等
3 标签和标签之间可以嵌套标签,嵌套不能混乱要么嵌套
<body><p></p></body>
要么并列
<head></head>
<body></body>
不能混乱。
二、标签功能
1.<h1>内容</h1>定义标题,可将内容定义为预设好的标题格式,一般默认一共有h1~h6六个预设标题格
式。
2.<p>内容</p>定义段落,内容将被定义为一个段落。
3.<strong>内容</strong>对内容文字进行加粗处理。
4.<em>内容</em>内容文字斜体。
5.<a>内容</a>为内容赋予超链接功能。
6.<br/>自闭标签,用户换行;<hr/>自闭标签,用于显示一条水平分割线;<img src=""/>自闭标签,用于
显示一张图片。
三、标签属性:每一个标签可以有若干个属性。
一个标签可能有多个属性,各个属性值中间用空格 隔开。
1.<img src="要显示的图片路径 绝对路径(直接从盘符开始)
相对路径 相对于当前html所在的路径" title="鼠标悬停提示文字" alt="图片显示不出来时候的替换
文字" width="图片宽度" height="图片高度" />width和height建议只给一个,这样另外一个的值会进行
等比例的缩放。
2.<a href="跳转到的地址" target="_self/_blank">要点击的内容</a>
_self 在当前页面打开网页
_blank 在新的页面打开网页
超链接的类型:根据应用场合,可以分为3类
页面间链接:A页到B页,最常用,多用于网站导航
锚链接:用于定位到某个页面的某个特定的位置
功能性链接:点击后不是跳转页面,而是启动本机自带的某程序
四、注释和特殊符号
注释和特殊符号注释是给程序员看的,注释内容不会显示在网页当中; <!-- 注释内容-->快捷键 ctrl +
/
空格 如果代码中直接空格输入空格,浏览器最多只会识别并显示连续空格当中的一个,所以
需要特殊符号来代替。
大于号 >因为在代码中大于号小于号就是代码标签常用的尖括号“<>”所有为了避免一些问题,这
种符号用特殊符号来代替。
小于号 <
双引号 &;quot,同上
版权符号 © 反正我是不知道怎么能不用用特殊符号把这玩意输出来。
简介:HTML=hyper text makeup language=超文本标记语言
一、html基本语法
1 html中有且仅有一个根标签<html></html>
2 标签都是成对出现的,有开始标签和结束标签,如开始标签<html>结束标签</html>;
如果开始标签和结束之间没有任何内容的话可以写成自闭标签如<br/><hr/>
<img src=""/>等
3 标签和标签之间可以嵌套标签,嵌套不能混乱要么嵌套
<body><p></p></body>
要么并列
<head></head>
<body></body>
不能混乱。
二、标签功能
1.<h1>内容</h1>定义标题,可将内容定义为预设好的标题格式,一般默认一共有h1~h6六个预设标题格
式。
2.<p>内容</p>定义段落,内容将被定义为一个段落。
3.<strong>内容</strong>对内容文字进行加粗处理。
4.<em>内容</em>内容文字斜体。
5.<a>内容</a>为内容赋予超链接功能。
6.<br/>自闭标签,用户换行;<hr/>自闭标签,用于显示一条水平分割线;<img src=""/>自闭标签,用于
显示一张图片。
三、标签属性:每一个标签可以有若干个属性。
一个标签可能有多个属性,各个属性值中间用空格 隔开。
1.<img src="要显示的图片路径 绝对路径(直接从盘符开始)
相对路径 相对于当前html所在的路径" title="鼠标悬停提示文字" alt="图片显示不出来时候的替换
文字" width="图片宽度" height="图片高度" />width和height建议只给一个,这样另外一个的值会进行
等比例的缩放。
2.<a href="跳转到的地址" target="_self/_blank">要点击的内容</a>
_self 在当前页面打开网页
_blank 在新的页面打开网页
超链接的类型:根据应用场合,可以分为3类
页面间链接:A页到B页,最常用,多用于网站导航
锚链接:用于定位到某个页面的某个特定的位置
功能性链接:点击后不是跳转页面,而是启动本机自带的某程序
四、注释和特殊符号
注释和特殊符号注释是给程序员看的,注释内容不会显示在网页当中; <!-- 注释内容-->快捷键 ctrl +
/
空格 如果代码中直接空格输入空格,浏览器最多只会识别并显示连续空格当中的一个,所以
需要特殊符号来代替。
大于号 >因为在代码中大于号小于号就是代码标签常用的尖括号“<>”所有为了避免一些问题,这
种符号用特殊符号来代替。
小于号 <
双引号 &;quot,同上
版权符号 © 反正我是不知道怎么能不用用特殊符号把这玩意输出来。