欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML(Hypertext Markup Language) - 超文本标记语言
 
  标记语言 - 在不同的文本中加不同的标记让文本的意义和功能不同, 例如:markdown、html
 
  HTML大小不敏感: html ==Html == HTML == hTMl (小写和大写功能一样)
 
  标签是HTML的基本结构,不同的标签功能不一样
 
  语法:
 
  双标签(标准标签): <标签名 属性1=属性值1 属性2=属性值2 …>标签内容</标签名>
 
  单标签:
 
  <标签名 属性1=属性值1 属性2=属性值2 …> 或者
 
  <标签名 属性1=属性值1 属性2=属性值2 …/>
 
  说明:
 
  a.<>和/ - 固定写法
 
  b.标签名 - 不是程序员自己命名,有哪些标签名是html规定好的。哪些标签是双标签哪些标签是单标签也是固定。
 
  注意:标签名前后不能随意添加空格
 
  c.属性 - 以属性=属性值 的形式存在,多个属性之间用空格隔开; 不同的标签有哪些属性是确定的;属性值不管是什么值都必须放在""中
 
  d.标签内容 - 双标签开始标签和结束标签中间的部分就是标签内容;
 
  标签内容很灵活可以是独立的文本,也可以是一个标签,还可以多个标签或者多个标签和文本的组合。
 
  1)从可见性来分:
 
  标签类型标签名称可见标签p标签、a标签、 img标签不可见标签meta标签、style标签、script标签、link标签…
 
  2)head中的标签和非head中的标签(body标签)
 
  标签类型标签名称head中标签meta、title、link、style、script、basebody标签p、a、b、img、table、lable、 ul、ol、li等等(head中的link、style、script、base也是body中的标签)
 
  head中可以使用的标签: meta、title、link、style、script、base
 
  head常用标签名主要功能meta标签网页元数据,主要用来对网页进行基本设置,包括:设置文本编码方法、设置网页搜索关键字、网页简介、网页类型等title标签网页标题link标签导入外部文件(导入图片作为网页图标、导入外部样式表)
 
  link标签的使用
 
  rel属性 - 设置导入文件的作用。 stylesheet:外部样式表 icon:网页图标(stylesheet stylesheet icon icon)
 
  type属性 - 指定导入文件的类型和后缀。 文件类型/文件后缀名
 
  ?text/css: 导入一个后缀是。css的文本文件(text/css)
 
  ?image/png: 导入一个后缀是。png的图片文件(image/png,image/png,image/png)
 
  href属性 - 设置被导入的文件的路径
 
  文件路径的写法:
 
  绝对路径: 文件在计算机中的全路径
 
  例如:/Users/yuting/授课/Python2003/02-web前端/day1-HTML基础/img/baidu.ico相对路径:
 
  1) 使用。 表示当前目录(当前写代码的文件对应目录地址表示当前目录)
 
  。 - 表示当前目录
 
  例如:当前html文件中,相对路径的。表示: /Users/yuting授课/
 
  Python2003/02-web前端/day1-HTML基础
 
  2) 使用… 表示当前目录的上层目录
 
  3) 使用… 表示当前目录的上层目录的上层目录
 
  如果文本的意义是标题的时候就选标题标签(总共六级标题格式)
 
  一个段落就对应一个p标签
 
  font的size属性 - 设置字体大小
 
  font的color属性 - 设置字体颜色
 
  html中手动敲回车无用,手动添加空格也没有用;
 
  如果需要在内容中加换行,需要添加<br> 标签。
 
  如果需要在内容中加空格,需要使用html符号:  - 空一个像素 ? - 空一个空格
 
  加粗:b标签、strong标签(有强调的意思)(英文中bold的意思即为加粗)
 
  倾斜:i标签、em标签(有强调的意思)(英文中incline的意思即为倾斜)em标签

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