HTML

HTML 不是一种编程语言,而是一种标记语言(markup language)

标记语言是一套标记标签(markup tag)

HTML 使用标记标签来描述网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们

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

下面列出了适用于大多数 HTML 元素的属性:

属性值描述

classclass name规定元素的类名(class name)

idid规定元素的唯一 id

stylestyle_definition规定元素的行内样式(inline style)

titletext规定元素的额外信息(可在工具提示中显示)

style 属性的作用:css外部

提供了一种改变所有 HTML 元素的样式的通用方法。

应该避免使用下面这些标签和属性:

标签描述

<center> 定义居中的内容。

<font> 和 <basefont> 定义 HTML 字体。

<s> 和 <strike> 定义删除线文本

<u>定义下划线文本

属性描述

align 定义文本的对齐方式

bgcolor 定义背景颜色

color 定义文本颜色

对于以上这些标签和属性:请使用样式代替!

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<link rel="stylesheet" type="text/css" href="mystyle.css">

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<style type="text/css">

body {background-color: red}

p {margin-left: 20px}

</style>

使用 元素进行文档布局不是表格的正确用法。 元素的作用是显示表格化的数据。

内连元素和外连元素

style 

.name  class=name

#name id

name  <name>

span.name 内部class 

如果浏览器压根没法识别 标签,那么 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

实例

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,102评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,358评论 0 5
  • 姓名:黄福强 公司:上海金桥高中压阀门厂有限公司 六项精进第397期 学员【日精进打卡第58天】 六项精进第411...
    皓月灬朗星阅读 94评论 0 0