Html 排版与标签(一)

Html 排版与标签(一)_第1张图片

一、标签


:段落 标签,内容写在两者之间,单独占一行,有align属性。

:换行标记,它没有结束标签,没有空行

:水平线条,可以设置颜色、长短(size)、宽度(width)、位置
:预定义标签,保持文本格式(这是因为所有浏览器会忽略空格和空行) 
:块标记,可以将块标记中的内容进行整体处理,快标签单独占一行。
:也是块级标签,作用与div标签相同区别在于它不会换行
字体方面:

……

:字体依次变小一号,如果字体大于

号,会默认为

号字体的大小,如果字体小于
号字体,则会默认不在小于
号字体
:可设置字体颜色,大小(可以大于

号字体),位置等。
例:

 <font face="微软雅黑" color="#cc3399" style="font-size:100px" align="center" >朝阳font>
<font face="微软雅黑" color="#cc3399" size="7" align="center" >朝阳font>


补充颜色的三种写法

①直接加颜色:color="red" 
②十六进制:color="#00ff00"
③RGB :color="new RGB(123,234,12)" (括号内的三个数值范围都是0~255)

二、使用实例


<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>标题title>
 head>
 <script type="text/javascript">

script>
 <body>
     <p align="center">美美哒p>
      <p>美美哒p>
      <hr color="red" size="10"  width="500" align="center">
      <hr color="green" size="10" width="50%" align="center" noshade>
      你好,<br>明天
      <h1> 你好h1> <br>  <font color="new RGB(10,255,10)">明天
      依旧美好font>
       <font text="微软雅黑“ color="new RGB(10,255,10)">明天
      依旧美好font>
      
      <center>    
      <div> 黑夜给了我   
      黑色的眼睛div>
      <pre> 黑夜给了我   
      黑色的眼睛pre>
      center>
      <div id="delete">
             我却用它寻找光明
      <p onclick="fun()">点击让上方文字消失 p>
      <div>

 body>
html>

你可能感兴趣的:(HTML)