HTML基础知识——常用标签3

1、iframe标签

iframe标签能在html网页中,打开一个小窗口去加载一个单独的页面



<html>
<head>
    <meta charset="UTF-8">
    <title>iframe标签title>
head>
<body>
<font color="red" face="楷体" size="4" >我是一个单独的完整的页面font><br/><br/>

<iframe src="3.标题标签.html" width="300" height="200" name="ifram" >iframe>
<br/>
<ul>
    <li>
        <a href="test2.html" target="ifram">
             <font color="blue">列表标签font>
        a>
    li>
ul>
body>
html>

运行结果:
HTML基础知识——常用标签3_第1张图片

2、表单标签(重点)

什么是表单?

表单就是 html 页面中,用来收集用户信息的所有元素的集合.然后将这些信息发送给服务器



<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签title>
head>
<body>
    <form>
        <h1 align="center">Loginh1>
        <table align="center">
            <tr>
                <td>用户名:td>
                <td>
                    <input type="text" value="UserName">
                td>
            tr>
            <tr>
                <td>密码:td>
                <td>
                     <input type="password" value="PassWord">
                td>
            tr>
            <tr>
                <td>确认密码:td>
                <td>
                    <input type="password" value="PassWord">
                td>
            tr>
            <tr>
                <td>性别:td>
                <td>
                    <input type="radio" name="sex"/><input type="radio" name="sex" checked="checked"/>td>
            tr>
            <tr>
                <td>兴趣爱好:td>
                <td>
                    <input type="checkbox" checked="checked"/>离散数学
                    <input type="checkbox" />Java
                    <input type="checkbox" />Web前端
                td>
            tr>
            <tr>
                <td>国籍:td>
                <td>
                    <select>
                        <option>--请选择您的国籍option>
                        <option selected="selected">中国option>
                        <option>法国option>
                        <option>美国option>
                        <option>德国option>
                        <option>意大利option>
                        <option>日本option>
                    select>
                td>
            tr>
            <tr>
                <td>自评:td>
                <td>
                    <textarea rows="5" cols="15">默认textarea>
                td>
            tr>
            <tr>
                <td>文件上传:td>
                <td>
                    <input type="file">
                td>
            tr>
            <tr>
                <td><input type="reset" />td>
                <td align="center"><input type="submit"/>td>
            tr>
        table>
    form>
body>
html>

运行结果:
HTML基础知识——常用标签3_第2张图片

3、其他标签

  • div标签
  • span标签
  • p段落标签


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他标签title>
head>
<body>
    <div>div标签1div>
    <div>div标签2div>
    <span>span标签1span>
    <span>span标签2span>
    <p>p段落标签1p>
    <p>p段落标签2p>
body>
html>

运行结果:
HTML基础知识——常用标签3_第3张图片
有关标签的知识就先分享到这里啦!下一篇将分享有关CSS的知识哦!

您的鼓励是我前进的动力,将会分享更多知识给您

欢迎点赞 + 收藏 + 关注!!!

你可能感兴趣的:(学习记录,html,html5,前端)