html相关基础

html页面结构

1、HTML定义

HTML(HyperText Markup Language)超文本标记语言,写给浏览器的语言,目前网络上应用最广泛的语言。目前已更新到HTML5,HTML添加了一些新的语义化标签及新特性,放弃了一些就标签。

主流浏览器:IE、Firefox、Chrome、Goole、Opera等。

2、HTML标签

HTML标签的大小写无关,一般推荐使用小写。

特点:

  • <html>
  • <div>和</div>,一个开始一个结束标签,一般html的标签都是闭合的成对出现,但是,也有例外,如<img/>、<br/>、<input/>。
  • <img src=”” title=””/>

3、HTML基本结构

结构由网页的头部和网页的身体组成,如下:

文档声明<!DOCTYPE html>

在<html>前,要写文档声明语句: <!DOCTYPE html>,当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。

页面基础元素<html>

<html>是页面的基础元素,主要用来定义页面的开始和结束部分,其他内容包括在<html></html>标签内。

页面头部元素<head>

HTML的头部元素是以<head>为开始标记,以</head>为结束标记。它用于包含当前文档的相关信息,可包含<title>元素、<meta>元素等,分别用来定义页面的标题、编码。使用<head>元素可以将基本信息部分和页面主体内容区分开来。

页面标题元素<title>

一般情况下,我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为<title></title>,标签内放标题名称,会显示在浏览器的窗口的标题栏。

元信息元素<meta>

元信息元素<meta>用来定义页面的附加信息,其中包括页面的作者、版权、关键字等相关信息。

语法结构:<meta 属性=“属性值”/>

<meta>元素是一个自封闭的元素,通过其中的属性来添加各种附加信息。<meta>元素在不适用任何属性时,对页面没有影响。

元信息元素名称属性:namename属性用来制定文档中附加信息的名称。例如,最常用的值“keywords”用来定义文档中的关键字,方便搜索引擎的搜索。name属性的语法结构如下。

在<meta>元素中,名称必须对应有相关的值才能生效

页面编码

编码的种类有多种,但常用的是utf-8和gb2312。utf-8为多国语言编码,国际通用字符编码,gb2312为中文简体编码。设置网页编码的语句为<meta charset= "utf-8" />,是在<head></head>标签内定义的。

页面主体标签<body>

<body>元素是定义文档的主体,包含文档的所有内容(文本、超链接、图像、表格、列表等等),所要在浏览器中展示的内容就写在<body></body>标签内。

4、常用标签元素

行内元素

  •  
  •  
  •  

超级链接<a href=”url”></a>:a标签用来定义一条超链接,其中要有的是href属性,href的作用是指明超链接要链接到的网址。除了href属性,还有title属性表示链接的提示信息。target属性表示链接的打开方式,即当点击了链接,选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页),_top(当前页)。

span标签

span是比较常用的文本标签,可以对特殊处理的文字部分添加样式。

文本格式化标签:

图像<img/>:用于展示图片

input标签

文件类型 type=file

多行输入textarea

按钮标签button

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值