HTML基础一

                                 html概述

HTML是HyperText Mark-up Language的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。

html注释:<!--里面写入注释的内容-->

html基本标签:

1,文档声明:<!DOCTYPE html>是一个文档声明,表示这是一个HTML页面

2,html标签:<html>...</html>这个页面是从<html>开始的,到</html>结束

3,head标签:<head>....</head>为网页的页头

          在HTML中,一般来说,只有6个标签能放在head标签内

          title标签    meta标签   link标签   style标签    script标签    base标签

4,title标签:唯一的作用就是定义网页标题

5,body标签:<body>....</body>为网页的页身

html基本结构代码如下:

      <!DOCTYPE html>

      <html>

          <head> 

                   <meta charset="UTF-8">

                  <title>网页标题</title>

          </head>

          <body>

                    网页内显示的内容

          </body>

      </html>

html标签特点:

html的标签大部分是成对出现的,少量是单个出现的,特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型:

成对出现的标签:

<body>.....</body>

<html>......</html>

单个出现的标签:

<br>强制换行

<hr> 横界线

标签之间的嵌套:

<p>

         <span>.......</span>

</p>

html标题

通过<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,标签可以在网页上定义6种级别的标题。6种级别的标题表示文档的6级目录层级关系,比如说:<h1>用作主标题(最重要的,一个页面只能有一个h1标签),其后是<h2>(次重要的),以此类推。搜索引擎会使用标题将网页的结构和内容编制索引,所以网页上使用标题是很重要的。

<h1> 这是一级标题</h1>

<h2>这是二级标题</h2>

html段落标签

1,在HTML中,可以用<p>....</p>来显示一段文字      2,换行标签:<br/>

html文本标签

1,粗体标签:可以用<strong>.....</strong>或者<b>....</b>标签对文本进行加粗   (推荐使用strong)

2,斜体标签:可以用  i  ,em,cite实现斜体效果   (推荐使用<em>......</em>)

3,上标标签:使用sup实现文本上标效果。sup是“superscripted”缩写

例如:

      <p>(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab</p>

显示:

     (a+b)²+a²+b²+2ab

4,下表标签:使用sub实现文本下标效果化学符号。sub是"subscripted"缩写

5,中划线标签:可以使用s标签实现,就如 :

            <s>原价:6.5</s>

       显示:

             原价:6.5

6,大字号标签用big表示,小字号标签用small表示

7,水平线标签:hr表示,可以理解为分割线

理解:自闭和标签:由于只有开始符号而没有结束符号,因此不可以在内部插入标签或者文字。

          例如:<meta>   <link>   <hr>    <br>

          一般标签:有于又开始符号和结束符号,因此可以在内部插入标签或者文字

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.HTML、XML、XHTML的区别。 HTML: 超文本标记语言。语法松散、不严谨。在大小写方面和闭合方面不报...
    赫鲁晓夫的玉米棒子阅读 535评论 0 0
  • 一、浏览器 1.浏览器是帮助用户进行浏览网页的软件 2.常用的浏览器有IE、火狐(Firefox)、谷歌(Chro...
    Stevenqqq阅读 682评论 0 1
  • 1.Html 全称 Hyper text markup language(超文本标记语言) 2.Html的基本结构...
    大基本功阅读 471评论 0 0
  • html基础 html简介 中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行...
    mao_orz阅读 683评论 0 1
  • 文章简要: 理论知识 网站开发工具 理论知识 web标准 WEB标准不是某一个标准,而是一系列标准的集合。网页主要...
    Locdee_落地阅读 259评论 0 0

友情链接更多精彩内容