最新零基础小白三天学会基础HTML

最新零基础小白三天学会基础HTML
  HTML是什么?
 
  HTML,全称“Hyper Text Markup Language(超文本标记语言)”,它是制作万维网页面的标准语言。
 
  HTML不是一门编程语言,而是一门描述性的标记语言。HTML最基本的语法如下:
 
  <标签>内容</标签>
 
  下面来介绍HTML的结构:
 
  一个HTML文档由4个基本部分组成:
 
  ① 一个文档声明:
 
  声明这是一个HTML文档。
 
  ② 一个html标签对:标签的作用相当于设计者在告诉浏览器,整个网页是从这里开始的,然后到结束。
 
  ③ 一个head标签对:head标签是页面的“头部”,只能定义一些特殊的内容。
 
  ④ 一个body标签对:body标签是页面的“身体”,一般网页绝大多数的标签代码都是在这里编写。
 
  1.标题标签:h标签 (h1——h6)从浏览器预览效果我们知道,标题标签的级别越高,字体越大。 例如
 
  一条独占一行的横线,是个单闭合标签里面有color(设置颜色),width(设置宽度)属性
 
  如图
 
  在HTML中,使用p标签来标记一段文字。
 
  换行标签
 
  我们知道,段落标签p可以自动换行,那如果我们想随意地进行换行该怎么做呢 我们可以加入这个br单闭合标签
 
  该标签可以将文本内容原样的输出,示例:
 
  加粗标签:b
 
  倾斜标签:i
 
  下划线标签:u
 
  下标标签:sub
 
  上标标签:sup
 
  这里不一一举例了,可以自己去尝试一下这些双标签。
 
  空格-----&nbsp;是英文字符空格
 
  &emsp;:是中文字符空格
 
  and符:&amp
 
  大于;&lt
 
  小于;&gt
 
  什么是超链接?
 
  超链接的英文名是hyperlink,它能够让浏览者在各个独立的页面之间方便地跳转。每个网站都是由众多的网页组成,网页之间通常都是通过链接方式相互关联的。超链接的范围很广,可以将文档中的任何文字及任意位置的图片设置为超链接。超链接有外部链接、内部链接、电子邮件链接、锚点链接、空连接、脚本链接等。
 
  超链接,可以说是网页中最常见的元素,随处可见。下面介绍如何使用超链接
 
  a标签简介
 
  a标签是非常常见而简单的标签。在HTML中,使用a标签来表示一个超链接。
 
  语法:
 
  说明:
 
  href属性表示链接地址,也就是点击超链接之后跳转到的地址。
 
  示例:
 
  点击“百度一下”,就会跳转到百度首页。
 
  下面介绍锚点链接:锚点链接是内部链接的一种,它链接对象是当前页面的某一个部分。
 
  有些网页由于内容比较多,导致页面过长,访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容,如下图。为了方便用户查看文档中的内容,在文档中需要建立锚点链接。
 
  所谓的锚点链接,就是点击某一个超链接,它就会跳到当前页面的某一部分。用法如下图
 
  这就是锚点链接的设置方法在顶部抛下锚点,然后在底部设置回到顶部这个链接,这样就能一键回到顶部了。总的来说锚点链接要设置两部分:一,是目标锚点的id名称;二是超链接部分。

推荐阅读