HTML语法

这里是一些HTML的语法总结

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>归纳</title>
    <meta name="Keywords" content="关键字,在网上搜索的时候可以找到">
    <meta http-equiv="charset" content="text/html;charset=gb123">
    <!--键值对发送到浏览器顶部-->
    <meta http-equiv="作者" content="珝珞">
    <basefont face="黑体" color="#00ffff" size="6"><!--设置整个网页字体-->
</head>
<body>
<img src="images/top.jpg">
<h1 align = "center|left|right"><!--1.这是标题  有七个等级  h1,h2...  2.设置位置--></h1>
<hr width="1000" size="2" color="#00ffff" align="center">  <!--这是分隔符 长度,宽度,颜色,位置-->
<p><font face="宋体" size="6" color="#000000">设置字体大小颜色等 1-7变大 </font>段落</p><!-- 段落-->
&amp; --&
&reg; --商标符
&copy; -- 版权符
&lt; -- <
&gt; -- >
&quot; --
<br><!--换行-->
<b>这是粗体</b>
<i>这是斜体</i>
<u>这是下划线</u>
<s>这里有删除线</s>
<strike>这也是删除线</strike>
这是邮箱<del>2900624398@qq.com</del>
<sup>这是上标</sup>
<sub>这是下标</sub>
<ruby>这样可以设置上方注释<rt>bi ru ping yin</rt></ruby>
<TT>固定宽度</TT>
<small>小字体</small>
<big>大字体</big>
<comment>这样也是注释</comment>
<center>设置在中间</center>
<pre>这样可以保留原样式
            比如我的位置是这样的
                    这样
</pre>
<xmp><h3>这样h3会显示在网页里</h3></xmp>
<blockquote><p>这是段落缩进</p></blockquote>

<!-- 无序列表-->
<ul type="disc|circle|square">
    <li>实心圆点</li>
    <li>空心圆点</li>
    <li>实心方块</li>
</ul>
<!--有序列表-->
<ol type="I|i|A|a|1">
    <li>罗马大写</li>
    <li value="5">罗马小写 改变了这行列表的序号,变成了对应type的第五个(V)</li>
    <li>字母大写</li>
    <li>字母小写</li>
    <li>数字</li>
</ol>

<!--超链接-->
<p><a href="http://www.baidu.com" target="_blank|_self|_parent|_top">百度</a></p>
<!--链接   新窗口打开|相同框架打开|父框|整个窗口忽略框架-->

<!--内部链接--><!--这是我本地文件的一个页面-->
<a href="../html2/list1" target="_blank">内部链接</a>


<!-- 图片链接-->
<a href="http://www.baidu.com" target="_blank">
    <img src="images/mybg.jpg">
</a>
<!--书签连接-->
<br>
目录<br>
<a href="#1" target="_blank">第1章</a><br>
<a href="#2" target="_blank">第2章</a><br>
<a href="#3" target="_blank">第3章</a><br>
<a href="#4" target="_blank">第4章</a><br>

<a name="1">第1章</a><br>
11111111111111111111<br>
<a name="2">第2章</a><br>
22222222222222222222<br>
<a name="3">第3章</a><br>
33333333333333333333<br>
<a name="4">第4章</a><br>
44444444444444444444<br>

<!--表格-->
<table border="2" width="800" align="center" bgcolor="#ccffff">
    <tr>
        <th>1</th>
        <th>2</th>
        <th>3</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
        <th>6</th>
    </tr>
    <tr>
        <th>7</th>
        <th>8</th>
        <th>9</th>
</tr>
    <caption align="bottom">表一1.1</caption>
</table>

<!--表单-->
<h1>用户注册信息</h1>
<form name="用户注册请求" method="get"><!--或者post-->
    用户名:<input type="text" name="username" readonly value="2019 readonly就是不可被修改" size="50" maxlength="10"><br>
    密码:<input type="password" name="userpassword" value="123" size="50" maxlength="8"><br>
    兴趣爱好:<br><!--复选框-->
    <input type="checkbox" name="in" value="film">看电影<br>
    <input type="checkbox" name="in" value="phone">玩手机<br>
    <input type="checkbox" name="in" value="run">跑步<br>
    性别(单选框)<br>
    <input type="radio" name="sex" value="man" checked>男<br>
    <input type="radio" name="sex" value="woman" checked>女<br><!--会选中女-->
    班级
    <input type="radio" name="class" value="man" checked>1<br>
    <input type="radio" name="class" value="woman" checked>2<br><!--同一个单选框name要一样-->

    <input type="image" src="images/top.jpg"><br>
    <input type="file" name="file"><br><!--文件选择输入框-->

    <!--多行文本输入框-->
    备注:<textarea name="ta" cols="80" rows="5">列数,行数</textarea><br>

    <!--下拉列表-->
    学院:<select name="xy" style="width:250" size="4" multiple>
        <option value="03">经管</option>
        <option value="02">计算机</option>
        <option value="09">软件</option>
    </select><br>

    <button>关闭</button>
    <input type="button" value="Close" onclick="window.close();"><br>

    <input type="submit" value="注册">
    <input type="submit" value="重填" disabled><!--无法选择--><br>

    <!--这个有一个框框住以下内容-->
    <fieldset>
        <legend>登录</legend>
        <label for="username">用户名</label>
        <input type="text" name="username"id="username"> <br>
        密码:<input type="password" name="userpassword"><br>

    </fieldset>


</form>


<!---->
<!---->

</body>
</html>在这里插入代码片
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值