html学习笔记(一)

来源:互联网 发布:linux 远程执行命令 编辑:程序博客网 时间:2024/06/03 06:01

基本标签

  • <html>
  • <body>
  • <h>系列
  • <p>
  • <img>
  • <a>
  • <table>
  • <hr \>
  • html对标签的大小写并不敏感, 但是推荐小写标签

标签解释:

  • <html>:<htm> 元素定义了整个 HTML 文档。
  • <body>:<body> 元素定义了 HTML 文档的主体
  • <h>系列标签:用<h>系列标签表示标题,<h1>表示的标题最大, <h6>表示的标题最小;浏览器会自动地在标题的前后添加空行。
  • <p>:段落用<p>标签表示<p>this is a paragraph</p>
  • <a>:超链接是通过<a>进行定义的,例如:<a href = "http://www.baidu.com">。(在 href 属性中指定链接的地址)
  • <img>:图像是通过<img>标签进行定义的, 例如:<img src = "http://imgsrc.baidu.com/image/c0%3Dshijue1%2C0%2C0%2C294%2C40/sign=60aeee5da74bd11310c0bf7132c6ce7a/72f082025aafa40fe3c0c4f3a164034f78f0199d.jpg" width = "104" height = "154"/>(图像的名称和尺寸是以属性的形式提供的。)
  • <hr \>:标签用来定义一条水平线

html元素

  • 从开始标签到结束标签之间的所有代码
  • 大多数html元素可以嵌套
  • 没有内容的html元素被称为空元素。空元素是在开始标签中关闭的。
  • <br> 就是没有关闭标签的空元素(<br\> 标签定义换行)。
  • <table>:用来定义表格

html属性

  • html标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,属性总是在 HTML 元素的开始标签中规定。
  • 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。但是如果属性值本身就含有双(单)引号, 就必须使用单(双)引号

html注释

  • 开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。例如:<!-- This is a comment -->

html段落

  • 浏览器会自动在段落前后添加空行。(html在块级元素的前后都会添加空行)
  • 不要使用<p></p>来增加空行, 可以使用<br \>
  • 如果你希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签, 例如:<p>This is<br />a para<br />graph with line breaks</p>

html的style属性

  • 提供了一种改变所有html元素的通用方法。
  • background-color 属性为元素定义了背景颜色, 例如:<body style="background-color:yellow">定义背景为yellow
  • font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸, 例如:
  • text-align设置了文本对齐方式, left左对齐, center右对齐, right右对齐, 例如:

文本格式化

  • 预标签<pre>:在预标签中的字符串输出格式与输入格式一致, 例如:
  • 更多的关于文本格式化内容可以参考:传送门

引用标签

  • <q>用于短的引用:例如:


  • 如果引用一段话可以用<blockquote>标签:例子:

  • <address>:元素定义文档或文章的联系信息(作者/拥有者), 这个元素通常是斜体显示, 大多数浏览器会在此元素前后添加折行, 例如:

  • <city>:定义著作的标题, 通常是斜体

  • <bdo>:定义双流向覆盖, 例如

  • 一些被废弃的属性

关于更多内容请参考:传送门

原创粉丝点击