Html

  • html
    • html是什么 指超文本(超出了文本的范畴)标记(标签)语言 
    • html有什么用 这个语言可以做网页 
    • html怎么用 就是学习html提供的标签 
    • 专业开发网页工具 dreamweaver (梦想的编织者) 我们使用hbuilder.—->和eclipse快捷键一模一样.
  • html基本标签
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>百度一下,你就知道</title>
    </head>
    <body>
        <!--天道酬勤
        <font size="70" color="blue">天道酬勤</font>
        <img alt="光头强" src="img/c.jpg" />
        <a href="http://www.baidu.com" target="_blank">百度</a><br />
        
        <dl>
            <dt>编程语言
                <dd>java</dd>
                <dd>c</dd>
            </dt>
        </dl>
        
        <ul type="square">学院
            <li>城建院</li>
            <li>文理院</li>
            <li>动科院</li>
        </ul>
        
        <ol type="a">学院
            <li>资环院</li>
            <li>工学院</li>
            <li>生科院</li>
        </ol>-->
        <!--<table border="1" cellspacing="10">
            <tr>
                <td>id</td>
                <td>name</td>
                <td>phone</td>
                <td>age</td>
            </tr>
            <tr>
                <td>1</td>
                <td>小红</td>
                <td>110</td>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
                <td>小明</td>
                <td>119</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
                <td>小李</td>
                <td>120</td>
                <td>3</td>
            </tr>
        </table>-->
        用户名:<input type="text" /><br />
        密码    :<input type="password" /><br />
        请选择性别:<br /><input type="radio" name="sex" /><input type="radio" name="sex" /><br />
        请选择您的水果:<br />
        苹果<input type="checkbox" />
        香蕉<input type="checkbox" />
        橘子<input type="checkbox" /><br />
        <!--<input type="button" value="统计" /><br />-->
        <input type="hidden" />
        <input type="file" /><br />
        请选择学历:
        <select>
            <option>博士</option>
            <option>硕士</option>
            <option>本科</option>
        </select><br />
        自我描述:
        <textarea rows="6"></textarea><br />
        <input type="submit" />
        <input type="reset" />
    </body>
</html>

 

    • 字体标签
<font size="70" color="blue">天道酬勤</font>
      • size 值范围是从1-7,如果值超过7按照7显示 color表示颜色
    • 标题标签
    <head>
        <meta charset="utf-8" />
        <title>百度一下,你就知道</title>
    </head>
    • 水平线标签 
      • hr —>现实生活中表示公司里面的人事
    • 注释 
    • 特殊字符 
      • &nbsp 代表空格 
    • image标签
<img alt="光头强" src="img/c.jpg" />
    • 超链接标签
<a href="http://www.baidu.com" target="_blank">百度</a><br />
      • href代表我们要连接网址 target代表打开网页的方式.
    • h1-h6标题标签 
      • h1最大 依次递减 h6最小
  • html中列表标签
    • 自定义列表 dl dt dd 
    • 无序列表 ul li 
    • 有序列表 ol li
        <dl>
            <dt>编程语言
                <dd>java</dd>
                <dd>c</dd>
            </dt>
        </dl>
        
        <ul type="square">学院
            <li>城建院</li>
            <li>文理院</li>
            <li>动科院</li>
        </ul>
        
        <ol type="a">学院
            <li>资环院</li>
            <li>工学院</li>
            <li>生科院</li>
        </ol>-->

 

  • html表格标签
    • html中使用table标签表示表格 使用tr表示行 td表示列
    • html中如何实现合并单元格 
      • 查询一下表格中一共有几行 
      • 在查询每行中有几个单元格 
      • 看是跨行 还是跨列 所有合并单元格的操作都是在td上进行的
<table border="1" cellspacing="10">
            <tr>
                <td>id</td>
                <td>name</td>
                <td>phone</td>
                <td>age</td>
            </tr>
            <tr>
                <td>1</td>
                <td>小红</td>
                <td>110</td>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
                <td>小明</td>
                <td>119</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
                <td>小李</td>
                <td>120</td>
                <td>3</td>
            </tr>
        </table>

 

  • html表单标签
    • 表单有什么作用. 服务器根据表单来收集用户的信息
    • 表单构成:大多数都是由input标签构成. 
      • 普通文本
用户名:<input type="text" /><br />

 

      • 密码输入框
密码    :<input type="password" /><br />
      • 普通按钮
<input type="button" value="统计" /><br />
      • 单选按钮
        请选择性别:<br /><input type="radio" name="sex" /><input type="radio" name="sex" /><br />
      • 复选框
        请选择您的水果:<br />
        苹果<input type="checkbox" />
        香蕉<input type="checkbox" />
        橘子<input type="checkbox" /><br />
      • 隐藏项
<input type="hidden" />

 

      • 文件输入项
        <input type="file" /><br />
      • 下拉选择框
        请选择学历:
        <select>
            <option>博士</option>
            <option>硕士</option>
            <option>本科</option>
        </select><br />

 

      • 文本域
        自我描述:
        <textarea rows="6"></textarea><br />

 

      • 提交和重置按钮
        <input type="submit" />
        <input type="reset" />

 

    • 重置:点击重置按钮不是清空,是恢复到默认值. 
    • name属性:服务器根据name属性获取对应的值 
    • get方式提交数据特点:
    • post方式提交数据特点:
      • post方式提交数据数据是以请求体的形式传递数据. 
      • post提交数据没有大小的限制 
      • post提交数据比较安全.
  • html其他标签
    • p 段落 
    • s 加中划线 
    • u 加下划线 
    • i 斜体 
    • b 加粗 
    • div 自动换行展示数据 
    • span 不会自动换行 展示数据

转载于:https://www.cnblogs.com/nangongyibin/p/10217232.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值