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>

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

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