HTML基础结构详解-优快云博客

本文链接：https://blog.youkuaiyun.com/Caicaixiansheng/article/details/74453490

HTML文件基本结构

<html>
文件开始部分
<head>
文件头
</head>
<body>
文件体
</body>
</html>

body体
bgcolor:背景色

bgcolor="#334545"

background：背景图片
background=“图片地址”

text:文字颜色

text="#656787"

段落标记：p
换行标记：br

<p>1 2 3<br> 4 5 6<br> 7 8 9</p>

换行标记

link:链接文字属性颜色
alink:正在访问链接文字颜色
vlink:访问后链接文字颜色

magin：边距
分为top magin（上边距）和left magin（左边距）

topmagin="100"
leftmagin="100"

页面注释

<!--注释内容-->

标题字标签h

<body align=center>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
</body>

标题图

标题字对齐
align:center、left、right

<h1 align="center">标题1</h1>

文字基本标记
font
face:字体
size:字号
color:颜色

<p><font face="宋体" size="10" color="#990055">123</font> </p>

加粗：b、strong，两者作用一样
大字号标记：big
小字号标记：small
（可叠加）

<b>1</b>
<strong>1</strong>

斜体文字：i,em,cite，三者作用一样

sup:上标 sub:下标

<p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
<p>H<sub>2</sub>SO<sub>4</sub></p>

上标下标

下划线标记：u

水平线hr
包含：width，size（高度）、color、align、noshade(去阴影)

noshade 实例

<body align=center>
<p>这是题目</p>
<hr width="200" size="6"  align=center >
<p>这是内容</p>
<hr width="200" size="6" align=center noshade="1" >
</body>

noshade实例

当为水平线设置颜色之后，则没有了效果

<body>
<p>这是题目</p>
<hr width="200" size="6"  align=center color="#254256">
<p>这是内容</p>
<hr width="200" size="6" align=center noshade="1" color="#254256" >
</body>

noshade

HTML基本标记