HTML基础标签

没有内容的 HTML 元素被称为空元素
空元素是在开始标签中关闭的。

就是没有关闭标签的空元素(
标签定义换行)。

HTML属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。

  1. 简单的HTML文件

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<h1>这是标题</h1>
<p>body 元素的内容会显示在浏览器中。</p>
<p>head 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

h1~h6:标题(h后面的数字是字体大小)

P:段落 (浏览器会忽略源代码中<p>到</p>的排版

注意

<html>
<body>

<h1>这是标题</h1>
<h6>这是标题</h6>
<h7>h6之后</h7>
<h200>h6之后</h200>
<p>h6之后</p>

</body>
</html>

运行结果

WechatIMG56.png

h6之后的标题就按段落格式显示。没有字体大小和格式的变化。而且也不会折行。

  1. 折行

    <br />

<html>

<body>

<p>
我真的<br />很无语<br />你<br />怎么能<br/>这样
</p>

</body>
</html>

运行结果

WechatIMG57.png
  1. 居中 水平线 注释

    <html>
    
    <body>
    
    <h1>This is heading 1</h1>
    <h1 align="center">This is heading 1</h1>
    
    <p>这是段落。</p>
    <hr />
    <!--这是水平线-->
    <p>这是段落。</p>
    
    
    </body>
    </html>
    

    运行结果

WechatIMG58.png
  1. 添加背景颜色

<body bgcolor="yellow">

</body>

<html>

<body bgcolor="yellow">

<h4 align="center">请看: 改变了颜色的背景。</h4>

</body>

</html>

运行结果

WechatIMG60.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,335评论 0 4
  • H系列标签(Header 1~Header 6) 用于给文本添加标题语义 注意点:H标签是用来给文本添加标题语义的...
    喝酸奶要舔盖__阅读 1,445评论 0 0
  • H 系列的标签 H标签是用来给文本添加标题的,而不是从来修改文本的样式的 H 标签一共有6个,从H1~H6,最多只...
    Adagou阅读 1,846评论 0 0
  • HTML标题:标题在body内,是以标签 - 构成(依次减小)默认情况,HTML会自动在块级元素下加一个空行,比如...
    Lv_0阅读 1,445评论 0 1
  • 宝宝口腔护理要注意什么? 乳牙一般在宝宝6-7个月开始萌出 宝宝出生后长出的第一副牙齿学名为乳牙,乳牙牙胚在妈妈怀...
    第6通道阅读 3,177评论 0 0

友情链接更多精彩内容