HTML学习笔记(一)--HTML基础

HTML基础

<html>
<body>
<p>hello world!</p>
</body>
</html>

标题(Heading)是通过 <h1> - <h6>等标签进行定义的。 //标题大小
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
<a href="http://www.w3school.com.cn" >This is a link</a>
HTML 图像是通过 <img> 标签进行定义的。
<img src="w3school.jpg" width="104" height="142" />

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
<hr /> 标签在 HTML 页面中创建水平线。

html样式

align=”center”     拥有关于对齐方式的附加信息
bgcolor=”yellow”   拥有关于背景颜色的附加信息。
border=”1”      拥有关于表格边框的附加信息。
style=”background-color:yellow”       属性为元素定义了背景颜色:
style=”font-family:arial;color:red;font-size:20px;”字体系列、颜色和字体尺寸
style=”text-align:center”          属性规定了元素中文本的水平对齐方式:
style 属性淘汰了旧的align,bgcolor,border 属性。

默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。
<!– This is a comment –> 注释写法

html文本格式

这里写图片描述
这里写图片描述
这里写图片描述

HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
鼠标移到WHO时可以显示全称, <dfn> 的用法也可以,简单的用abbr

这里写图片描述

html链接

style=”text-decoration:none”没有下划线

<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。

<a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。

<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>图像来作链接

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>"新窗口打开文档

<h2><a name="C4">Chapter 4</a></h2>可以取名字
<a href="#C4"></a>就可以跳到那个名字哪里去了

图像链接 无法显示图像,仅仅能够显示在图像的 “alt” 属性中指定的文本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值