学习html

我们学习html首先需要知道什么是HTML?

html是用来制作网页的标记语言(Hypertext Markup Language),html语言是一种标记语言,直接由浏览器执行。

  • 1,HTML是由各种各样的标签组成,学习HTML就是学习使用这些标签。
  • 2,html标签(根标签),所有的网页标签都在<html>中;head标签代表html文档的头信息,由<head>开始,</head>结束,它是所有头部元素的容器;body标签之间的内容代表html文档的主体,<body>标签中的内容是直接在网页的内容区显示,而head标签的内容不显示在网页内容区。
  • 3,html代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
    语法:
    <!--注释文字 -->
  • 4,如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。
    语法:
    <p>段落文本</p>
  • 5,<hx>标签来制作文章的标题。
    标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
    语法:
    <hx>标题文本</hx> (x为1-6)
  • 6,有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。
           但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。
  • 7,<em>、<strong>、<span>的区别:
     <em>和<strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。
    <span>标签是没有语义的,它的作用就是为了设置单独的样式用的,把一段话圈起来,然后用css设置样式。
  • 8,q标签,短文本引用
      比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。
    语法:
    <q>引用文本</q>
    注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。
    注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话
  • 9,blockquote标签,长文本引用
      <blockquote>的作用也是引用别人的文本。但它是对长文本的引用
    <q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。
    语法:
    <blockquote>引用文本</blockquote>
    浏览器对<blockquote>标签的解析是缩进样式
  • 10,换行标签<br/>
    <br/>标签作用相当于word文档中的回车。
    分割线标签<hr/>
    <hr/>标签和<br/>标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
    <hr/>标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改。
  • 11,html特殊字符
    空格:&nbsp; (;分号必不可少)
  • 12,address标签,为网页加入地址信息
    语法:
    <address>地址信息</address>
  • 13,Html和CSS的关系。HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

猜你喜欢

转载自www.cnblogs.com/yebangesheng/p/10206796.html