html基础语法和常用标签

  一段html代码中包括<!doctype html>,head,body这几个主要部分。
 
  “<!doctype html>”:文档声明|doctype文档声明|html文档生命,告诉浏览器当前html是什么版本,而且它不是一种标签,只是一种声明格式。
 
  “title”是标题标签,主要是当前文档的主要标题,是head中必有的标签。
 
  “head”构成HTML文档的开头部分。head和head标志对之间的内容是不会在浏览器的框内显示出来的,两个标志必须一块使用。
 
  body之间是HTML文档的主体部分,在此标志对之间可包含div、a、p、h1、hr等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。
 
  双标签|闭合标签:成对出现,又开始有结束

 
 
  单标签|自闭合标签:不需要在标签对中添加内容的标签,定义为单标签
 
  标签的属性:可以帮助更完整的展示标签功能。
 
  a标签的作用是超链接,主要属性包含:
 
  href:必有属性,可以连接路径,路径分为相对路径和绝对路径。
 
  显示样式:链接未访问——字体蓝色有下划线
 
  链接已访问——字体紫色有下划线
 
  title:鼠标悬停在标签上显示的提示字
 
  target:路径的打开方式
 
  _blank新页面打开
 
  _self本页面打开
 
  在页面中设置一个点,通过a标签的href的id属性回到该点。
 
  语法:< a href=”#id属性值” >
 
  img图像标签在html页面中用来引入一张图像,主要属性包含:
 
  src:图像地址
 
  title:鼠标悬停时显示的提示字
 
  alt:图片无法正常加载时,显示的提示字

 
 
  wigth:宽度属性 px
 
  heigth:高度属性 px 如果宽高只设置一个,另一个等比缩放
 
  border:边框属性 px 默认是黑色
 
  div标签属于块元素,独占一行且前后换行,可以嵌套其他元素,统一管理元素标签,同一设置样式。块元素共有的属性:
 
  align:设置块元素中的内容在当前块元素中的对其方式
 
  left 左对齐 默认? right 右对齐? center 居中对齐? justify 两端对齐 多行文本下,两端对齐有效果
 
  行内元素:可以与其他元素同行显示,宽度由内容撑起来,不设置宽高,嵌套其他行内元素或者普通文本。
 
  段落标签属于块元素,上下留白16px,一般嵌套其他行内元素或者普通文本。
 
  标题标签,从h1-h6根据权重不同,字体大小依次减小。

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

张贴在2