其他分享
首页 > 其他分享> > Web前端——Html常用标签及属性

Web前端——Html常用标签及属性

作者:互联网

html

常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性

表格 table

td或th可以下面的两个属性达到跨行或跨列

例子:

<!--cellspacing 单元格间距 cellpadding单元格边距  -->
<table border="1" cellspacing="0" cellpadding="0">
    <tr><th colspan="2">Header</th></tr>
    <tr><td>Data</td><td>Data</td></tr>
</table>

效果:




Header
Data Data

 

跑马灯 marquee标签

marquee标签 跑马灯效果

代码:

<marquee>
    <p>hello world!this is marquee!</p>
</marquee>

效果:

hello world!this is marquee!


marquee参考链接

表单 form

代码:

<!-- 文字和输入框居中对齐 -->
<label fro="username">用户名<input id="username" type="text">

效果:

表单元素:

常用属性:

使用了minlengthmaxlength鼠标悬浮在输入框上面会出现提示

这个最小长度为4,最大长度为6
这个是邮箱输入框

如果要做文件上传表单数据的编码方式必须是:multipart/form-data
    <form method="post" enctype="multipart/form-data">;
    //例如:
    <form action="servlet/upload" method="post" enctype="multipart/form-data">
        <br><br>
        文件(file): <input type="file" name="upload">
        <br>
        <br>
        <button type="submit">上传</button>
    
        <br><br>
        ajax:异步请求
    </form>

html表单参考链接

框架 frameset

frameset属性:

frame属性:

frame设置name.a标签指定target为该frame的name,就会在该处frame打开新页面

标签:Web,滚动,marquee,标签,frame,输入框,Html,属性
来源: https://www.cnblogs.com/chaoyang123/p/11549705.html