【无标题】

带.土.

于 2022-09-06 19:19:29 发布

阅读量90

点赞数 1

文章标签： web

本文链接：https://blog.csdn.net/m0_59068850/article/details/126731871

版权

JavaWab

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9u3n5gl0-1662463111425)(C:\Users\ZYT\AppData\Roaming\Typora\typora-user-images\1661839085328.png)]

HTML

html是解释型的文本标记语言，不分大小写

是声明声明不是 HTML 标签，是一条指令，它用于向浏览器说明当前文档使用哪种HTML标准规范标签用于定义HTML文档的头部信息，也被称为头部标签。标签紧跟在之后，主要用于封装其他位于文档头部的标签，如、、及</link></meta> 中写主要内容

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
      <h1>标题</h1>
      <p>段落</p>
	  <img scr="图片路径"/>
          武林排行榜：
        <ol type="I" start="2">
            <li>光明顶</li>
            <li>蜀山剑派</li>
            <li>武林</li>
            <li>湘西赶尸</li>
            <li>僵尸王</li>
        </ol>

        武林大会名单：
        <ul type="circle">
            <li>曹操</li>
            <li>刘备</li>
            <li>孙权</li>
            <li>袁绍</li>
            <li>张角</li>
        </ul>

        你<b><u><i>喜欢</i></u></b><b>咸</b>的还是<i>甜</i>的<u>月饼</u>？<br />

        水分子的化学式：H<sub>2</sub>O <br />
        氧气的化学式：O<sup>2</sup><br />
        5&lt;10<br />
        10&gt;5
        5&le;10
        10&ge;5

        注册商标 &reg;
        版权符号 &copy;<br />

        <a href="http://www.baidu.com" target="_blank">百度一下</a> <br />
        赵又廷 <span>赵又廷</span> 赵又廷


        <div>id = "div1</div>

        <div>id = "div1</div>

        <div>id = "div1</div>


    </body>

</html>


<!--
    &nbso;代表半角空格
    img 图片标签  单标签
        scr属性表示图片文件的路径
        width和height表示图片长宽
        alt表示图片的提示

    路径问题：相对，绝对路径
    h1-h6标题语言

     列表标签：
        -ol 有序列表
            start 表示从n开始
            type   修改显示类型 默认为1
        --ul 无序列表
            type  修改显示类型默认disc 可选 circle，square
        u 下划线 b 粗体 i 下划线
    上标 sup  下表 sup

    span 不换行的快标记

    a 表示超链接
        
        href 连接的地址
        target:
            _self 在本窗口打卡
            _blank 在新窗口打开
            _parent 在父窗口打开

    div  层
        
-->
</body>
</html>

<title>双标签表示网页名字
<h1-9>双标签表示标题
<p>双标签表示段落

展示图片

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SPFBDYs4-1662463111426)(C:\Users\ZYT\AppData\Roaming\Typora\typora-user-images\1662461832017.png)]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的学习</title>
</head>
<body>
    <form action="demo02.html" method="post">
           昵称: <input type="text" name="nickName"/> <br/>
           密码: <input type="password" name="pwd"/> <br/>
           性别: <input type="radio" name="gender" value="male"/>男
                <input type="radio" name="gender" value="female"/>女<br/>
           爱好: <input type="checkbox" name="hobby" value="basketball"/>篮球
                <input type="checkbox" name="hobby" value="football"/>足球
                <input type="checkbox" name="hobby" value="earth"/>篮球<br/>
           星座: <select name="star">
                    <option>白羊座</option>
                    <option>金牛座</option>
                    <option>双子座</option>
                    <option>狮子座</option>
                    <option>处女座</option>
                    <option>天蝎座</option>
    </select><br/>
        备注:  <textarea name="remark" rows="4" cols="50"></textarea><br/>
        <input type="submit" value="注 册">
    </form>

</body>
</html>

<!--
表单    from
input type = "text" 表示文本框，其中name属性必须指定，否则
这文本框的数据将来是不会发送给服务器的
input type = "password" 表示密码框
input type="checkbox" 表示单选按钮，需要注意的是，name属性值保持一致，
这样才会有互斥的效果；可以通过checked属性设置默认选中的响
input type="checkbox" 表示复选框，name属性值建议保持一致，这样服务器获取值的时候获取的是一个
数组
select 表示下拉列表，每一个选项是optin，其中value属性是发送给服务器的值，selected表示默认选中的项
textarea 表示多行文本框，他的value值就是开始结束标签之间的内容
input type="sybmit" 表示提交按钮
input type="reset"  表示重置按钮
input typoe="button" 表示普通按钮
-->

展示图片

星座是下拉框

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JZn5oKN9-1662463111427)(C:\Users\ZYT\AppData\Roaming\Typora\typora-user-images\1662461802437.png)]

总结：
HTML是解释型的文本标记语言，不分大小写
2-1 html,head,title,meta,body,br,ul,ol,h1-h6,a,img, ,p,div,span
2-2 table,tr,th,td
2-3 from(action=“” ,method=“post”) input type="text,password,radio,checkbox,submit,button,reset"