前端学习——基础知识和基本标签

  1.HTML是一个文本文件。
 
  2.HTML必须使用html或html为文件名的后缀。
 
  3.HTML的大小写不敏感,但是在开发中一般使用的是小写。
 
  4.HTML不需要编译,直接由浏览器运行。
 
  HTML标签是由一对尖括号<>及标签名构成的,分为“起始标签”和“结束标签”。不过单标签就无起始和终止之分,例如img标签等,而像div等标签就有起始和终止标签,终止标签相较于起始标签多了个“/”,二者形式如:
 
  1.<meta>标签负责提供页面的元信息。
 
  2.元信息不会显示在页面上,但是对于及其是可读的。
 
  3.它可用于浏览器(如何显示内容或刷新加载内容)、搜索引擎(关键词)或其他web服务。
 
  4.<meta>标签的关键属性有:http-equiz、name、content。

 
 
  注意末尾要加上;分号
 
  字符显示结果描述&lt<小于号或显示标记&gt>大于号或显示标记&amp&可用于显示其他字符&quot”引号&plusmnx关闭符号&copy?版权&yen¥金额符号&ensp半个空白位&emsp一个空白位&nbsp不断行的空白,空格
 
  HTML常见的标签有以下几种:
 
  等等。(这里的div和span虽然都可用作布局标签,但二者之间还是有区别的,在之后元素部分会提到)
 
  (1)ul标签(无序列表)
 
  ul标签有三个type值,默认是disc。
 
  效果如图:
 
  (2)ol标签(有序列表)
 
  ol有五个type值,默认是1。
 
  效果如图:
 
  (3)dl标签(自定义列表)
 
  列表中可以有多个的dt标签,dt和dd标签是同级的标签,不可以相互嵌套,dl,dt,dd标签需要组合使用。
 
  效果如图:
 
  <img/>单标签
 
  img标签含有如下几个属性:src,alt,width,height,title。
 
  alt属性和title属性都可以用来标记该图片,不过不同的是,alt是当图片无法显示而显示的文字,title是将光标移到图片显示的文字。
 
  其中src是img标签最为重要的属性之一,它存放的是图像的路径,而图像的路径也分为绝对路径和相对路径:
 
  绝对路径:含有盘符的,如:“D:\111\111\img\img.jpg”;

 
 
  相对路径:
 
  (1)作为超链接使用
 
  <a></a>含有属性target,用于设置新窗口的打开方式,当值为_self的时候新窗口为当前窗口,当值为_blank的时候新窗口会新增一个窗口。(主要使用这两项值,其他值还有_top、_parent、framename)
 
  (2)作为锚点使用(即跳转到当前页面指定位置)
 
  通过设置id来跳转
 
  还可以通过a标签的name属性进行跳转
 
  如果想要实现类似于网页中的回到顶部功能,就可以:
 
  base标签用来定义页面内所有相对地址的根目录,最终当页面在浏览器上显示的时候,所有的路径都会拼接上这个设置的目录(会把相对地址变成绝对地址),也可以为页面中所有的标签设置统一的target,base标签要放在head标签区域内。
 
  用于创建包含另一个文档的内联框架,具体使用如下:
 
  效果如图:
 
  src中写的就是需要内联的文档,height和width设置内联框的宽高。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61641.shtml

张贴在2