HTML语法

整理了一下HTML的语法,这里记录一下。

  1 <html>
  2 
  3     <head>
  4         <meta charset="utf-8">
  5         <title>html的基本语法title>
  6     head>
  7 
  8     <body>
  9 
 10         <h1>标题1h1>
 11         <h2>标题2h2>
 12         <h3>标题3h3>
 13         <h4>标题4h4>
 14         <h5>标题5h5>
 15         <h6>标题6h6>
 16 
 17         <p>段落   < > " © ®p>    
 18         <div>块元素div>
 19         <span>凸显文字span>
 20         <button>我是按钮button>    
 21 
 22         <b>粗体b>
 23         <i>倾斜i>
 24         <u>下划线u>
 25         <em>强调em>
 26         <strong>加强强调strong>
 27 
 28         <br>    
 29         <hr>    
 30 
 31         <a href="Demo1.html" target="_self">超链接(跳转到html界面)a>    
 32         <a href="Demo1.html"><img src="../img/2.png">img>图片超链接(跳转到html界面)a>        <a href="http://www.baidu.com">超链接(跳转到对应的网址)a>
 33 
 34         <img src="../img/2.png" alt="提示文字(图片显示不出来时展示)" title="标题(鼠标移到图片上时出现)" width="200" height="100" border="5" align="right(还可以是left/center)">图片img>
 35 
 36         <ul>    
 37             <li>列表1li>    
 38             <li>列表2li>
 39             <li>列表3li>
 40         ul>
 41         <ol>    
 42             <li>列表1li>    
 43             <li>列表2li>
 44             <li>列表3li>
 45         ol>
 46         <dl>    
 47             <dt>自定义项(咖啡)dt>
 48             <dd>描述项1(一种饮料)dd>
 49             <dd>描述项2(产地南非)dd>
 50         dl>
 51 
 52         <table border="1(表格线宽)" width="300(表格宽)" height="100(表格高)" align="right(还可以是left/center)" bgcolor="yellow(表格背景色)" cellspacing="5(单元格间距)" cellpadding="10(内容和单元格间距)">
 53             <tr align="right" bgcolor="blue">    
 54                 <td align="left" bgcolor="yellow" background="C:/Users/zhoub/Desktop/switchYellow.png">姓名td>        
 55                 <td>身高td>
 56                 <td>体重td>
 57             tr>
 58             <tr>    
 59                 <td>张三td>
 60                 <td>173td>
 61                 <td>70kgtd>
 62             tr>
 63         table>
 64         <table border="1" width="200" height="100" align="left">
 65             <tr>
 66                 <td colspan="2">姓名td>    
 67                 <td>体重td>
 68             tr>
 69             <tr>
 70                 <td  rowspan="2">张三td>    
 71                 <td>173td>
 72                 <td>70kgtd>
 73             tr>
 74             <tr>
 75                 <td>183td>
 76                 <td>80kgtd>
 77             tr>
 78         table>
 79 
 80         <form name="我是表单名称" action="Demo.html(提交对象)" method="post/get(提交方法)" target="我的打开方式:_blank(新窗口打开)">    
 81             <input type="text" value="你好" placeholder="问候语">    
 82             <input type="password">    
 83             <input type="radio" name="sex" checked="true">    
 84             <input type="checkbox" name="hobby" checked="true">上网    
 85             <input type="file">        
 86             <input type="button" value="确认" disabled="disabled">    
 87             <input type="submit" value="提交">    
 88             <input type="reset" value="重置">    
 89             <input type="image" src="../img/2.png" width="20" height="20">    
 90             <select>    
 91                 <option>北京option>
 92                 <option selected>上海option>    
 93             select>
 94             <select multiple>    
 95                 <option>北京option>
 96                 <option selected>上海option>    
 97             select>
 98             <textarea rows="4" cols="5">textarea>    
 99             <label>我是label标签label>    
100         form>
101 
102         <input type="button" value="确定">    
103 
104         <video width="220px" height="400px" controls="">    
105             <source src="video.mp4" type="audio/mp4">
106         video>
107 
108     body>
109 
110 html>

 

你可能感兴趣的:(HTML语法)