学习html 的笔记

学习HTML的笔记(一)


今天是我第一次写博客,希望以后的自己可以将学到的知识在这里总结,也是对自己的督促,如果有写的不好的或是不对的地方,希望大家多多指正。(你们的支持是我坚持的动力!)


1.DOCTYPE 声明了文档类型, 是标准通用标记语言的文档类型声明,有助于在浏览器中正确地显示网页。
2.在 HTML 页面的头部声明字符为 UTF-8 可以解决在浏览器中出现中文乱码的现象
3.通用格式:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title></title>
</head>

<body>
</body>

</html>

4.<h1>标题字体最大</h1>

  <h6>标题字体最小</h6>

浏览器会自动地在标题的前后添加空行。默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。像下面这个例子:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>标题</title>
</head>

<body>
<h1>这是标题1</h1>
<h2>这是标题2</h2>
</body>

</html>

这是标题1

这是标题2

5.<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>

运行结果:

。示显左到右从字文落段该

6.<p>这是一个段落。</p>
7.<a href="http://www.w3cschool.cn">这是一个链接</a>在 href 属性中指定链接的地址
8.<img src="w3cschool.png" width="104" height="142">src属性指向一个图片的具体地址。img元素是自关闭元素,不需要结束标记。
9.<br>换行标签,如果希望在不产生一个新段落的情况下进行换行(新行),使用 <br>标签。
10.HTML 空元素即为没有内容的 HTML 元素。HTML 空元素应该在开始标签中关闭。
HTML 的一个空元素为 <br>(用于定义换行),<br> 元素就是没有关闭标签。
HTML 空元素的关闭方法是在开始标签中添加斜杠,比如 <br />
11.属性一般描述于开始标签,属性值应该始终被包括在双引号内,在某些个别的情况下,比如属性值本身就含有双引号,必须使用单引号,例如:name='John “ShotGun” Nelson'
12.<hr>创建水平线。
13.<acronym>HTML5 已经弃用了, 多用<abbr title="etcetera">etc.</abbr>,日常用于描述各种缩写
14.<b>加粗文本</b>
15.<i>斜体文本</i>
16.<code>电脑自动输出</code>
17.<sub> 下标</sub>
18.<sup> 上标</sup>
19.所有连续的空格或空行都会被算作一个空格
20.通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而,这些标签的含义是不同的:
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em> 意味着你要呈现的文本是重要的,所以要突出显示。
21.<big>这个文本字体放大</big>
22.<small>这个文本是缩小的</small>
23.被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
可以导致段落断开的标签(例如标题、<p> 和 标签)绝不能包含在 <pre> 所定义的块里
25.<code>计算机输出</code>
26.<kbd>键盘输入</kbd>
27.<tt>打字机文本</tt>
28.<samp>计算机代码样本</samp>
29.<var>计算机变量</var>

30.<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

31.<q>定义短的引用语</q>

32.<blockquote>定义长的引用语</blockquote>

33.<cite>标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。<cite> 标签中的文本将会以斜体显示。

<cite> 标签表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。

34.<dfn>定义一个定义项目。<dfn>标签是一个短语标签,用来定义特殊术语或短语。

35.<ins> 标签表示范围内的文本已经被添加到文档中(通常是文档中更新和修正的部分)

例如:<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

My favorite color is blue red!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值