HTML学习小记

来源:互联网 发布:mac os x系统官网下载 编辑:程序博客网 时间:2024/06/01 13:22

HTML标签

  1. HTML空元素(如:<br>),最好在开始标签中添加斜杠关闭元素
  2. 如果标签有结束标签不要忘记添加(如:<p></p>
  3. 最好使用小写标签(如:<p>),虽然HTML标签对大小写不敏感,但w3c在HTML4中推荐小写
  4. 块级元素(如:<div>)在浏览器显示通常以新行开始或结束,而内联元素(如:<span>)则不会

属性

  1. HTML属性和属性之对大小写不敏感,但推荐使用小写
    2.属性值应该包含在引号中,如果某些属性值本身有双引号,那么需要使用单引号包含(如:name='Steven "Jobs" No'

标题

在HTML中标题很重要,不要为了只是加粗或放大字体而是用标题标签(如:<h1>文章</h1>);
搜索引擎使用标题为您的网页的结构和内容编制索引

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推

格式化标签

<b> 标签标识加粗字体,<i>标签标识倾斜字体
<strong> 标签标志你要呈现的文本很重要,<em>标志强调突出你的文本
虽然<strong>和<em>标签显示的效果和<b>和<i>标签差不多,但他们的含义却是差别很大,不要混淆使用

<meta>标签

meta标签描述了一些基本的元数据。

标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

一般放置于 区域

为搜索引擎定义关键词:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">为网页定义描述内容:<meta name="description" content="学习笔记">定义网页作者:<meta name="author" content="bug">每30秒钟刷新当前页面:<meta http-equiv="refresh" content="30">

CSS(Cascading Style Sheets)

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

1.内联样式- 在HTML元素中使用"style"属性

<div style="border:1px"></div>

2.内部样式表 -在HTML文档头部 <head>区域使用<style>元素 来包含CSS

<head><style type="text/css">p{ color:red;}</style></head>

3.外部引用 - 使用外部 CSS 文件

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

最好的方式是通过外部引用CSS文件.

URL(Uniform Resource Locators)统一资源定位器

  1. 一个网页地址
  2. URL字符编码只能用ASCII字符集,ASCII字符集之外的字符需要转换(如%FF,用%之后加两个16进制的数来替换非ASCII字符)