码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2015-10-18 22:54:32      阅读:296      评论:0      收藏:0      [点我收藏+]

标签:

 HTML入门基础

      主要是在这里学的,个人觉得W3shool是个不错的学习之地。

最近对HTML做了一些了解,没有系统的详细的去学习它的语法知识,从基础的层面上做了一些了解。

      什么是 HTML?下面就是:

 

<html>
 <body>
 <h1>My Heading</h1>
 <p>My paragraph.</p>
 </body>
 </html>

HTML(Hyper Text Markup Language) 是用来描述网页的一种语言。而不是用来编程的语言,这和C语言是不一样的,XML是用于存储传输网页信息的,而HTML是用于显示网页信息的,要注意两者的分别。HTML 文档实际上就是我们称的网页。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。当然不会显示标签。

HTML 有许多标签--tags,HTML 标签是由尖括号包围的关键词,比如 <html>,HTML 标签通常是成对出现的,比如 <b> 和 </b>,但是我们的换行的标签<br/>就没有这么幸运了。HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

     表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
 <tr>
 <td>&nbsp&nbsp&nbsp&nbsp</td>
 <td>&nbsp&nbsp&nbsp&nbsp</td>
 </tr>
 <tr>
 <td>&nbsp&nbsp&nbsp&nbsp</td>
 <td>&nbsp&nbsp&nbsp&nbsp</td>
 
</tr>
</table>

 

表格的表头使用 <th> 标签进行定义。

<table border="1">
 <tr>
 <th>Heading</th>
 <th>Another Heading</th>
 </tr>
 <tr>
 <td>XXX</td>
 <td>XXX</td>
 </tr>
 <tr>
 <td>XXX</td>
 <td>XXX</td>
 </tr>
 </table>

   登录编程界面如下:

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        div{
            width: 300px;
            height: 200px;
            border: 1px solid black;
        }
    </style>
</head>
<body>
<div align="center">
    <p>&nbsp户&nbsp名:
       <input type="text" name=""><br/><br/>&nbsp&nbsp&nbsp码:
       <input type="text" name=""><br><br/><br/>
       <input type="button" value="登录"/>&nbsp&nbsp&nbsp<input type="button" value="注册"/>
    </p>


</div>
</body>
</html>


 注册编程:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            width: 600px;
            height: 900px;
            border: 2px solid black;
        }
    </style>
</head>
<body>
<div align="center">
    <p>&nbsp户&nbsp名:
        <input type="text" name=""><br/><br/>&nbsp&nbsp&nbsp码:
        <input type="text" name=""><br/><br/>
        性别:
        <label>男</label><input type="radio" name="ra">
        <label>女</label><input type="radio" name="ra"><br/><br/>
        爱好:
        <select>
            <option>篮球</option>
            <option>看电影</option>
            <option>滑冰</option>
            <option>看书</option>
            <option>爬山</option>
            <option>台球</option>
        </select><br/><br/>
        行业
    <input type="checkbox" name="industry" id="jr" value="金融">金融</input>
    <input type="checkbox" name="industry" id="js" value="教师">教师</input>
    <input type="checkbox" name="industry" id="sj" value="司机">司机</input>
    <input type="checkbox" name="industry" id="销售" value="销售">销售</input>
    <input type="checkbox" name="industry" id="kdy" value="快递员">快递员</input>
    <input type="checkbox" name="industry" id="ajy" value="安检员">安检员</input><br/><br/>
       学历:
        <select id="select">
            <option value="高中及以下">高中及以下</option>
            <option value="中专">中专</option>
            <option value="大专">大专</option>
            <option value="本科">本科</option>
            <option value="硕士">硕士</option>
            <option value="博士">博士</option>

        </select>
    政治面貌:
    <select>
        <option>群众</option>
        <option>党员</option>
        <option>团员</option>
    </select><br/><br/>
        地址: <input type="text" name=""><br/><br/>
        电话号码: <input type="text" name=""><br/><br/>
        证件号码:
        <select>
            <option>身份证</option>
            <option>军官证</option>
            <option>护照</option>
        </select><input type="text" name=""><br/><br/>
        邮箱号码:<input type="text" name="">
    </p>

    <body>
    <form id="myfom" name="myfom" action="#" method="post">
        <textarea rows="10"cols="30" id="comment"></textarea>
    </form>
    </body><br/><br/>
    <input type="button" value="提交"/>


</div>
</body>
</html>

 

 

 

 

 

HTML

标签:

原文地址:http://www.cnblogs.com/sky-151/p/4890408.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!