• HTML标签学习


    HTML标签谁不会啊,,,虽然这么说,但是看一看,把基础打扎实也挺好!!

    HTML是由标签和内容构成

    HTML标签:双标签  <head>  <title>  <body>

                         单标签   <hr>  <br>  <img>

    <head>
         常见的编码格式有两种 ① gb2312 ② utf-8
        <meta charset="utf-8">
        <title>这是一个标签</title>
    </head>


    <br/> 换行 <p> <p/> 换段落 <i><i/> 斜体 <b><b/> 加粗 <hn><hn/> 字体大小 <font></font> 字体设置

    列表标签

    列表
    <ul></ul> 无序列表
    <ol><ol/> 有序列表

    书写格式:::::

        <ul>   <ul type="circle"> 空心圆,可在HTML手册中查到
            <li>这是1</li>
            <li>这是1</li>
            <li>这是1</li>
        </ul>

        <ol>
            <li>这是1</li>
            <li>这是2</li>
            <li>这是3</li>
        </ol>

    超链接标签

        <a href="http://www.baidu.com" target="_self">百度</a><br/>   必要参数就是 href ,其中target是选择新网站的打开方式,_self 是在当前网站打开 
        <a href="http://www.baidu.com" target="_blank">百度</a><br/>   _blank 是在一个新窗口里面打开 

    图片标签

     <img   src="/images/1.jpg"  width="300px" />
    第一个路径就显示不出来图片,第二个路径就能显示出来图片,所以说差一个点都不行;;表示当前目录必须是 ./ <img src="./images/1.jpg" width="300px" />

    音频标签

     <audio src="./mus/a.mp3" controls="controls">您的浏览器不支持!</audio>
        <br/>
        <br/>
    
     <video controls="controls" width="400" height="400" loop poster ="./images/1.jpg">
        controls 的作用是加一个控制栏(比如说点击播放按钮,音量等等)
    </video>

    表格标签

    <h1>表格table</h1>
     <table border="1" width="400px" cellspacing="0">
            <tr bgcolor="#cccccc">
             <th>姓名</th>
             <th>性别</th>
             <th>年龄</th>
             </tr>
    
              <tr>
             <th>张三</th>
             <th>男</th>
             <th>20</th>
             </tr>
    
              <tr>
             <th>李四</th>
             <th></th>
             <th></th>
             </tr>
    
              <tr>
             <th>王五</th>
             <th>女</th>
             <th>20</th>
             </tr>
    
             <tr>
             <th>王五</th>
             <th>女</th>
             <th>20</th>
             </tr>
     </table>

    form标签

     

        <h3>表单实例</h3>
    
        <form action="1.php" method="post" enctype="multipart/form-data">
            账户:<input type="text" name= " account "value="xxxx">  
            <br/>
            <br/>
            地址:<input type="text"  name="address" value="上海市浦东新区xxx号" size="40" disabled>
            <br/>
            <br/>
            密码:<input type="password" name="password">
            <br/>
            <br/>
            性别:<input type="radio" name="sex" value="1"><input type="radio" name="sex" value="2"><br/>
            <br/>
            爱好:<input type="checkbox" name="like[]"> 篮球  
                 <input type="checkbox" name="like[]">  足球
                 <input type="checkbox" name="like[]">  乒乓球
                 <input type="checkbox" name="like[]">  台球
            <br/>
            <br/>
            头像:<input type="file" name="headimg">
            <br/>
            <br/>
            日期:<select name="datee">
                <option value="1990">1990</option>
                <option value="1991">1991</option>
                <option value="1992">1992</option>
            </select>
            <br/>
            <br/>
            城市:
            <select name="city">
                <option value="site">北京</option>
                <option value="site">广州</option>
                <option value="site">上海</option>
                <option value="site">深圳</option>
            </select>
            <br/>
            <br/>
            简介:
            <textarea cols="27" rows="6">请输入内容 :     </textarea>
    
            <br>
            <br>
    
            <input type="submit" name="提交">
            <input type="reset" name="重置">
    
        </form>
        <!-- action 就是要提交的目的地址 
             如果input里面加入  readonly ,就会默认输入值且不可更改
             disabled 就是不可更改的
        -->

     第二种写法就是

        <hr>
        <hr>
    
        日期:<input type="date" name="dd"><br><br>
        时间:<input type="time" name="tt"><br><br>
        网址:<input type="url" name="ss"><br><br>
        邮箱:<input type="email" name="rr"><br><br>
        参数:<input type="number" name="xx">
    
        <br>
        <br>
        <br>

    这种方式可以利用html的内容直接进行编辑

  • 相关阅读:
    正则表达式
    npm 和package.json 文件
    React Element /组件/JSX
    Express 入门
    vue-router 基本使用
    content_form.class.php文件不完整 解决方案
    Yii查询count()
    android之在view中内嵌浏览器的方法
    YII中利用urlManager将URL改写成restful风格
    关于YII中layout中的布局和view中数据的关系
  • 原文地址:https://www.cnblogs.com/zhangqianxi/p/13939515.html
Copyright © 2020-2023  润新知