HTML备忘录

最新推荐文章于 2024-09-05 22:58:10 发布

Iwanaabigdrumstick

最新推荐文章于 2024-09-05 22:58:10 发布

阅读量563

点赞数

CC 4.0 BY-SA版权

文章标签： html 标签

本文链接：https://blog.youkuaiyun.com/Iwanaabigdrumstick/article/details/77337861

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>