2019-05-21

HTML

HTML(HyperText Markup Language)就是超文本标记语言。”超文本”就是表示页面内可以包含非文字元素,如:图片、链接、音乐等等。

基本语法

HTML标签

[if !supportLists]·        [endif]HTML 标签是由尖括号包围的关键词,比如

[if !supportLists]·        [endif]HTML 标签通常是成对出现的,比如 <b> 和

[if !supportLists]·        [endif]标签对中的第一个标签是开始标签,第二个标签是结束标签

HTML整体架构

<!DOCTYPE html>推荐方式,告知浏览器怎么解析文档。

<html></html>标识文档的开始和结束

<head>…..</head>文档的开头部分,之间的内容不在浏览器的框内显示出来。

<meta>提供文档的信息,起始属性为:charset="utf8"。表示告诉浏览器页面采用的什么编码,一般来说我们就用 utf8。

<link>引入css文件

<script>引入js文件或者编写js代码

……

<title>定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

注意:<title>标签位于<head>标签内,是<head>标签中唯一要求包含的东西。

<meta/>用来提供关于文档的信息, <!-- 详细描述-->

    


    


一般情况下浏览器上显示的内容的都放在body中,不排除其他标签可以不用body,比如frameset框架集标签。

常用标签

HTML 标题(Heading)是通过 <h1> -

<h6> 等标签进行定义的。

HTML 段落是通过 <p> 标签进行定义的。

注释:浏览器会自动地在标题的前后添加空行。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

<br> 还是

您也许发现 <br> 与 <br /> 很相似。

在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的HTML 元素。

即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。

HTML 链接是通过 <a> 标签进行定义的。


         This is a link


HTML 图像是通过 <img> 标签进行定义的。

图像的名称和尺寸是以属性的形式提供的。

<img src="img/1.jpg" title="这是一个图片" />

<div>是一个块级元素,通常与css配合使用,用于布局。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过<div> 的 class 或 id 应用额外的样式。

<!-- 构建一个div 设置边框黑色1px 宽度200px高度200px 字体居中-->

         这是一个div

<!-- 构建一个span 字体为红色-->

         这是一个span



表格的表头

表格的表头使用 <th> 标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本

表格中的空单元格

在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框

这个空的单元格的边框没有被显示出来。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。

rowspan跨行

colspan跨列

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,175评论 0 0
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,171评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,907评论 1 45