HTML语法

基本语法框架:


HTML注释:<!-- 注释内容-->

<!DOCTYPE html>:h5的文档声明,声明当前的网页是按照HTML5标准编写的,编写网页时一定要将此声明写在网页的最上边,如果不写文档声明,则会导致有些浏览器进入一个怪异模式,导致浏览器无法正常解析显示网页。所以为了避免进入该模式,一定要写文档声明。

<html></html>:html根标签,一个页面中有且只有一个根标签,网页中的所有内容都应该写在html根标签中。

<head></head>:head标签,该标签中的内容,不会在网页中直接显示,它用来帮助浏览器解析页面。

<meta charset = “utf-8/>:需要告诉浏览器,网页所采用的编码字符集,meta标签用来设置网页的一些元数据,比如网页的字符集、关键字、简介,meta是一个自结束标签,编写一个自结束标签时,可以在开始标签中添加一个。

<title></title>:网页的标题标签,默认会显示在浏览器的标题栏中,搜索引擎在检索页面时,会首先检索title标签中的内容,它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名。

<body></body>:body标签用来设置网页的主体内容,网页中所有可见的内容,都应该在body中编写。



在HTML中元素就是标签,标签就是元素。

常用标签:

标题: <h1>一级标题</h1>     ;   <h2>二级标题</h2>     ;   <h3>三级标题<h3> .......(最大是h1,最小是h6)

段落标签:<p></p>段落标签用于表示内容中的一个自然段,使用p标签来表示一个段落,p标签中的文字默认会独占一行,并且段与段之间会有一个间距。

换行:<br>

生成水平线:<hr>

在HTML中,一些如<、>这种特殊字符是不能直接使用的,需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号称为实体(转义字符),浏览器解析到实体时,会自动将实体转换为其对应的字符。实体的语法:&实体的名字;

如:小于:&lt;

大于:&gt;

空格:&nbsp;

版权符号 :&copy;

meta标签用法: 使用meta标签还可以用来设置网页的关键字:<mata name="keywords" contect=".....">

还可以用来指定网页的描述搜索引擎在检索页面时,会同时枪击页面中的关键词和描述,但是这两个值不会影响页面在搜索引擎中的排名:<meta name="description" context= "....">

meta还可以请求重定向(几秒后跳转。):<meta http-equiv="refresh" context="秒数 ;url=网页或路径。">

内连框架:使用内联框架可以引入一个外部的页面,使用iframe来创建一个内联框架,例:src:指向一个外部页面的路径,可以使用相对路径。width:宽度height:长度。name:可以为内联框架指定一个name属性。在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎所检索。<ifrname src="地址" name = "..."> </ifname>


超链接: 使用超链接可以让我们从一个页面跳转到另一个页面,使用a标签来创建一个超链接。属性:href:指向链接跳转的目标地址,可以写一个相对路径,也可以写一个完整的地址。

<a href="www.baidu.com">这里可以写这个网页的别名</a>

a标签的:target属性打开链接的位置。他的可选值:默认值:_self,新窗口打开:blank

<a href="本地地址或一个网址"  target="blank">可随意写</a>

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

相关阅读更多精彩内容

  • 一、认识html html:hypertext markup language,超文本标记语言,超链接(实现页面跳...
    magic_pill阅读 5,952评论 0 6
  • 我想人除了生死一切都是小事,这些小事发生在生与死的距离之间。人们每天匆匆忙忙,忙忙匆匆的活着,好像都知道为...
    幕道阅读 1,783评论 0 0
  • 说不清是什么心情 就像不知道为什么 冬天会下雪一样 看着一张张翻过的台历 知道启航的日子快到了 风刮过不止一次 像...
    微时代原创阅读 2,755评论 6 5

友情链接更多精彩内容