1、HTML基础学习第一天_html/css_WEB-ITnose

程序员文章站 2022-04-26 23:29:36

...

1、基本标签属性

1 2 6 7 8 9 10 11

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

17 18

19 20 link_baidu 21 22
23 24 25 26

this is paragraph 1

this is paragraph 2

this is paragraph 3

29 30

32
33
34
35 36 37 normal38
39 bold 40
41 strong 42
43 big font 44
45 small font 46
47 italic font 48
49 what's the _fuck50
51 what's the ^fuck52
53 what's the ^fuck54 55

pre 标签很适合显示计算机代码：

56 57

58 for i = 1 to 1059      print i60 next i61

62 63 64

2、始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号

3、h标签只用于标题

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

4、HTML 折行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用
标签

5、
还是

您也许发现
与
很相似。

在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。

即使
在所有浏览器中的显示都没有问题，使用
也是更长远的保障。

6、计算机输出标签

 1 
 2 Computer code  3 
 4 Keyboard input  5 
 6 Teletype text  7 
 8 Sample text 9 
10 Computer variable11

7、地址输入

1 2 Written by Donald Duck.
 3 Visit us at:
4 Example.com
5 Box 564, Disneyland
6 USA7

8、文字方向

如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
Here is some Hebrew text

9、块引用

1 这是长的引用： 2

3 这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。 4

5 6 这是短的引用： 7 8 这是短的引用。 9 10 11

12 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。13

10、格式化总结

文本格式化标签

标签	描述
	定义粗体文本。
	定义大号字。
	定义着重文字。
	定义斜体字。
	定义小号字。
	定义加重语气。
	定义下标字。
	定义上标字。
	定义插入字。
	定义删除字。
	不赞成使用。使用 ~~代替。~~
	不赞成使用。使用 ~~代替。~~
	不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签	描述
	定义计算机代码。
	定义键盘码。
	定义计算机代码样本。
	定义打字机代码。
	定义变量。
	定义预格式文本。
	不赞成使用。使用代替。
</plaintext></p></td> <td> <p>不赞成使用。使用 </p> <pre class="brush:php;toolbar:false"> 代替。</pre> </td> </tr> <tr> <td> <p></p> <xmp></xmp> </td> <td> <p>不赞成使用。使用 </p> <pre class="brush:php;toolbar:false"> 代替。</pre> </td> </tr> </table> <p>引用、引用和术语定义</p> <table> <tr> <td><p><strong>标签</strong></p></td> <td><p><strong>描述</strong></p></td> </tr> <tr> <td><p><abbr></abbr></p></td> <td><p>定义缩写。</p></td> </tr> <tr> <td><p><acronym></acronym></p></td> <td><p>定义首字母缩写。</p></td> </tr> <tr> <td> <p></p> <address></address> </td> <td><p>定义地址。</p></td> </tr> <tr> <td><p><bdo></bdo></p></td> <td><p>定义文字方向。</p></td> </tr> <tr> <td> <p></p> <blockquote></blockquote> </td> <td><p>定义长的引用。</p></td> </tr> <tr> <td><p><q></q></p></td> <td><p>定义短的引用语。</p></td> </tr> <tr> <td><p><cite></cite></p></td> <td><p>定义引用、引证。</p></td> </tr> <tr> <td><p><dfn></dfn></p></td> <td><p>定义一个定义项目。</p></td> </tr> </table> </div> <div class="tags"> 相关标签： <a href="/t/1%E3%80%81HTML%E5%9F%BA%E7%A1%80%E5%AD%A6%E4%B9%A0/" target="_blank"> 1、HTML基础学习 </a> <a href="/t/%E7%AC%AC%E4%B8%80%E5%A4%A9/" target="_blank"> 第一天 </a> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/754712.html"> php如何实现表单的提交 </a> </p> <p> 下一篇： <a href="/article/754714.html"> XDEBUG + MyECLIPSE 单步追踪调试PHP代码 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2289688.html" target="_blank" title="前端基础，HTML5常用标签学习总结"> <h2> 前端基础，HTML5常用标签学习总结 </h2> </a> </li> <li> <a href="/article/2247814.html" target="_blank" title="html5中canvas学习笔记1-画板的尺寸与实际显示尺寸"> <h2> html5中canvas学习笔记1-画板的尺寸与实际显示尺寸 </h2> </a> </li> <li> <a href="/article/2221081.html" target="_blank" title="html5+svg学习指南之SVG基础知识"> <h2> html5+svg学习指南之SVG基础知识 </h2> </a> </li> <li> <a href="/article/2175101.html" target="_blank" title="html5中canvas学习笔记1-画板的尺寸与实际显示尺寸"> <h2> html5中canvas学习笔记1-画板的尺寸与实际显示尺寸 </h2> </a> </li> <li> <a href="/article/2146509.html" target="_blank" title="html5学习之路（Canvas画布1）"> <h2> html5学习之路（Canvas画布1） </h2> </a> </li> <li> <a href="/article/2125634.html" target="_blank" title="HTML5移动开发学习笔记之Canvas基础"> <h2> HTML5移动开发学习笔记之Canvas基础 </h2> </a> </li> <li> <a href="/article/2098642.html" target="_blank" title="javaweb学习基础：html常用标签"> <h2> javaweb学习基础：html常用标签 </h2> </a> </li> <li> <a href="/article/2089780.html" target="_blank" title="html5+svg学习指南之SVG基础知识"> <h2> html5+svg学习指南之SVG基础知识 </h2> </a> </li> <li> <a href="/article/2009420.html" target="_blank" title="学习笔记—HTML基础标签"> <h2> 学习笔记—HTML基础标签 </h2> </a> </li> <li> <a href="/article/1991287.html" target="_blank" title="Html和Css学习笔记-html基础知识"> <h2> Html和Css学习笔记-html基础知识 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>