九、HTML语言

HTML语言:用文本表示,带有特殊标签(双尖括号)的超文本标记语言。

1、骨架结构(html为根标签)

<html>

  <head>

    <title></title>

  </head>

  <body>

  </body>

</html>

2、HTML标签分类

双标签:<标签名>内容</标签名>

单标签:img、br、hr、base(可以设置整体链接的打开状态)

3、标签关系

嵌套关系:html是所有标签的父标签

扫描二维码关注公众号,回复: 6949746 查看本文章

并列关系

4、文档类型(!DOCTYPE html):html5的版本号

5、UTF-8:包含全世界所有国家需要用到的字符

6、标签的属性(特性)attribute

<标签名 属性1=“属性值1” 属性2=“属性值2”> 内容 </标签名> (键值对  key=value的形式)

6.1 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
6.2 属性之间不分先后顺序,标签名与属性之间,属性与属性之间必须以空格隔开。
6.3 任何标签的属性都有默认值,省略该属性则取默认值。

7、HTML标签

7.1排版标签

标题标签、段落标签(默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行)、水平线标签(<hr />)、换行标签(<br />)

div(division的缩写,分割、分区的意思)、span标签是没有语义的,网页布局中常用到的2个盒子

7.2文本格式化标签:加粗(b、strong)、倾斜(i、em)、下划线(u、ins)

7.3图像标签

<img src="图片的来源路径" />   src为必须属性

属性

属性值

描述

src

URL

图像的路径

alt

文本

图像不能显示时的替换文本

title

文本

鼠标悬停时显示的内容

width

像素

设置图像的宽度

height 像素 设置图像的高度

7.4链接标签

<a herf="跳转去往的网页路径">链接文本</a>   herf为必须属性    target属性:_self为当前窗口、_blank为新窗口

外部连接:必须以http:// 开头

内部链接:只需写上页面名称就可以了

锚点定位:<a herf="#id名">链接文本</a>    定位到id对应的位置

base标签:设置所有a标签链接的打开方式(<base target="_blank" />)

7.5特殊字符标签

 空格:&nbsp;

7.6注释标签

单行注释:ctrl+/

多行注释:ctrl+shift+/

<!--  注释内容-->

猜你喜欢

转载自www.cnblogs.com/liankong/p/11261385.html