HTML1(超文本标记语言)基础

html:超文本标记语言

注意:标记内的空格或字符串中的空格不被承认,必须用专门的空格标记
使用的标记出现错误,不会报错,而是直接略过
标记不分大小写

特点:

换行<br>;       空格&nbsp;    

基本标记

  1. <h1>标识几号标题</h1>标题号从1到6
  2. <b>标识粗体</b>,<i>标识斜体</i>    ,<b>粗体<i>粗斜体</i></b>
  3. <u>底线标记</u>,<del>删除线</del>,<u><del><b><i>粗斜删除线底线</i></b></del></u>
  4. <tt>打字体文字标记(固定宽度文字)</tt>
  5. <sup>上标字,标识几次幂7-9.html</sup><sub>下标字标记7-10.html</sub>
  6. <!注解标记,不在浏览器上显示><!--一般会这么使用-->

设定字体的大小、颜色、字型标记7-12\13.html

<html>
<head>
<title>font标记</title>
</head>
<body>
<font color="#CC0099" size="5" face="隶书">欢迎您来到百纳学习!</font><br>
<br>
<font color="#FF0000" size="2" face="宋体">今天的投入,明天丰厚的收入!</font> 
</body>
</html>

BODY参数的设定7-17.html


<html>
<head>
<title>BODY参数设定link</title>
</head>
<body link="#663333">
<a href="http://www.ncst.edu.cn">欢迎来到百纳学习!</a><br>
今天的投入,明天的回报! 
</body>
</html>

加项目标志,圆点、序号、罗马数字、其他符号


注:项目标记带自动换行。<li>默认圆点

<html>
<head>
<title>OL编号标示</title>
<body background="bg.jpg" bgproperties="fixed">
<li>第一项
<li>第二项
<li>地三项

<ol>
<li>第一项
<li>第二项
<li>地三项
</ol>

<ol type=I>
<li>第一项
<li>第二项
<li>地三项
</ol>

<ul【其中可加入限定类型】>
<li>第一项
<li>第二项
<li>地三项
</ul>

<DL>
<DT>十进制 :<DD>0、1、2、3、4、5、6、7、8、9
<DT>十六进制 :<DD>0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F
</DL>

</body>
</html>

 

区段标记的使用:

<html>
<head>
<title>hr标记</title>
</head>
<body>
1.绘制分割字符串的水平线 
<hr>
2.绘制分割字符串的水平线
<hr width="120%">
3.绘制分割字符串的水平线 
<hr width="30%" size="4">
4.绘制分割字符串的水平线 
<hr width="400" size="30" noshade>
5.绘制分割字符串的水平线 
<hr align="left" width="400" size="10">
<br>
<hr align="center" width="400" size="10">
<br>
<hr align="right" width="400" size="10">

<p>
欢迎来到百纳学习!<br>
今天的投入,明天的回报!
</p>
<p>
欢迎来到百纳学习!<br>
今天的投入,明天的回报!
</p>

<center>
欢迎来到百纳学习!<br>
今天的投入,明天的回报!
</center> 

<nobr>欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 欢迎来到百纳学习! 今天的投入,明天的回报!</nobr>

<pre><!--直接按照此处的排版显示-->
     123
    ladkjfkl
    今天的投入,明天的汇报
</pre>
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值