HTML备忘录

来源：互联网发布：淘宝客推广招聘编辑：程序博客网时间：2024/06/03 13:01

1. HTML头部标签
　

<!DOCTYPE html><html lang="en"><!--"head":定义文档内容--><head>    <!--"mata":HTML文档的元数据：关键字、编码等-->    <meta charset="UTF-8">    <!--"title":标题-->    <title>learn01-头标签</title>    <!--"base":定义连接的方式-->    <base href="http://baidu.com">    <!--base targer :打开新的页面-->    <base target="_blank"></head><!--内容--><body>    test <b>text</b><br>    <!--“a“： 超链接标签-->    <a href="">百度1</a><br>    <a href="">百度2</a><br></body></html>

2.文本段落标签

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>learn02-文本标签</title></head><body><!--段落标签&换行标签--><p>这是一个段落标签，不信你看</p><p>分段了叭</p><p>这是一段，但是我要换行，看好了，换了啊<br>看出来了嘛～</p><br>这是一条分割线▽<hr><p>我要变粗噜，<b>变!啊已经变粗了</b></p><br><!--text样式“font”--><span style="font-family:'楷体';font-size: 20px;font-weight: bolder;color: blue">这是css控制的文本样式——老年卡拉OK风(￣Д￣)ﾉ～</span><h1>这是html最大的标题，如果还要大就要用css啦</h1><p style="font-size: 100px">这是你想要的更大的文本</p><br><!--但是搜索引擎抓取时常常抓取<h#>标签的内容--><!--格式化标签：<pre>-->这是没有格式的文本    所以浏览器会把我们放在一起        你瞅瞅            没骗你吧                唉～～<pre>这是有格式的文本(pre)    所以浏览器会按照我想想的放好这些句子        你瞅瞅            没骗你吧                yeah</pre><!--文本-->a的立方:a<sup>3</sup>有n个顶点的完全二叉树的高度：⌊log<sub>2</sub> n⌋+1</body></html>

3.字符实体

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>符号实体</title></head><body><!--避免了关键字和所输入符号的冲突-->这是一个空格a&nbspb<br><!--html可识别全角输入的空格，半角的不行-->大与&lt<br>小于&gt<br>与&amp<br>   </body></html>

阅读全文

0 0