HTML学习笔记(二)

论坛 期权论坛 期权     
Coder的自我修养   2019-7-29 01:00   2996   0
HTML 属性HTML 标签可以拥有属性。
属性提供了有关HTML元素的更多信息。
属性总是以名称/值的形式出现,例如:````name = 'value'```.
属性总是在HTML元素的开始标签中规定。
例如:
  1. [/code][code]
复制代码
  1. [/code][code]Test HTML document
复制代码
  1. [/code][code]This is the first paragraph
复制代码
  1. This is another paragraph
复制代码
  1. [/code][code]This link is my blog
复制代码
  1. [/code][code]
复制代码
用浏览器打开后,显示效果如下:

在上述实例中,HTML链接由标签定义,链接的地址在herf属性中指定。
例如:
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. This is a censter heading
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
用浏览器打开上述html代码,得到以下显示结果:

上述代码中,
  1. This is a censter heading
复制代码
中的align属性是关于对齐方式;
  1. [/code]中的bgcolor属性是关于背景颜色。
  2. 注意,在HTML中,属性和属性值对大小写并不敏感,但是为了规范,建议使用小写。因为万维网联盟在HTML4中的推荐写法为小写,且新版本的(X)HTML要求为小写。
  3. 注意,属性的属性值应该被添加在引号之内。
  4. 单/双引号无所谓,但双引号更经常使用。
  5. 但在某些情况下,例如:[code]name = ‘She, "Hello"’
复制代码
. 在属性值中包含双引号时,就必须使用单引号。
HTML 标题HTML 标题是通过 ~ 定义的。其中定义最大的标题,定义最小的标题。
例如:
  1. [/code][code]
复制代码
  1. [/code][code]这是一级标题
复制代码
  1. 这是二级标题
复制代码
  1. 这是三级标题
复制代码
  1. 这是四级标题
复制代码
  1. 这是五级标题
复制代码
  1. 这是六级标题
复制代码
  1. [/code][code]
复制代码
  1. [/code]用浏览器打开后,显示效果如下:[img]https://201907.oss-cn-shanghai.aliyuncs.com/wc/1811847-35a8926f87f6b022f2632e96efaef71b[/img]
  2. 注意,一定要确保HTML heading标签只用于标题,而不能仅仅因为产生粗体或大号字体而是用heading标签。
  3. 因为搜索引擎使用标题来为网页的结果和内容编制索引。
  4. 应该用 h1 作为最重要的标题,h2次之,h3........
  5. 在HTML中,标签用来创建水平线。hr 元素可以用来分割内容。例如:
  6. [list][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][*][/list][code]
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]This is a censter heading
复制代码
  1. [/code][code]This is a prograph
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]This is a prograph
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]This is a prograph
复制代码
  1. [/code][code]
复制代码
  1. [/code][code]
复制代码
  1. 用浏览器打开上述代码,其显示效果如下:
复制代码
注意:使用 标签是分隔文章中的小节的一个方法(但不是唯一方法)。
HTML中可以插入注释,来提高代码的可读性。注释的使用方法:[code][/code]开头左侧括号需要紧跟着一个感叹号,右侧不需要。
HTML 源代码十分容易获得,例如对于一个网站,可以单击右键,之后选择“查看源文件”/“查看页面源代码”等类似选项,即可以打开一个包含页面的HTML代码的窗口。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:25
帖子:5
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP