针对于初学者HTML笔记

最新推荐文章于 2024-08-04 20:52:03 发布

置顶 C_camel

最新推荐文章于 2024-08-04 20:52:03 发布

阅读量338

点赞数 8

文章标签：笔记初学者 HTML

本文链接：https://blog.csdn.net/lxy_____/article/details/103199791

版权

初学者HTML笔记

- 这是针对于初学者个人总结的HTML笔记，希望对大家有帮助，有不足的地方还望多给一些建议

这是针对于初学者个人总结的HTML笔记，希望对大家有帮助，有不足的地方还望多给一些建议

这是一些截图，可以保存下来，随时观看![在这里插入图片描述](https://img-blog.csdnimg.cn/20191122133450867.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x4eV9fX19f,size_16,color_FFFFFF,t_70

这个是代码，建议自己动手试一试，看看效果

<!-- 声明文档类型，就是告诉浏览器按照那个版本的html来解析 -->
<!doctype html>
<!-- 这是告诉搜索引擎这是写哪个国家的语言 -->
中文：lang="zh-ch"
<html lang="en">

<head>
<title>lesson.1</title>
<!-- meta：元信息；元信息不是给用户看的，给搜索引擎和浏览器看的 -->
<!-- charset：字符集 -->
<!-- unicode 万国码 gb2312 中文简体 big5 中文繁体 GBK 中文简体和中文繁体 -->
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<base target="_blank">
</head>

<body>
    <div> h1-h6标题标签
    <h1>我是网页的大标题，一个页面只出现一次</h1>
    <h2>我是网页的副标题，一般出现不会超过五次</h2>
    <h3>我是网页的具体模块内容的标题</h3>
    <h4>我是四级标题，一般出现在侧边内容的标题</h4>
    <h5>我是五级标题，一般出现的很少</h5>
    <h6>我是六级标题，一般不出现</h6>

    <hr>
    <!-- 分割线标签 -->

    <br>
    <!-- 换行标签 -->

    <p></p>
    <!-- 分段标签 -->

    <div></div>
    <!-- 用来划分页面的区域 -->

    <span></span>
    <!-- 用来包裹独特文字 -->

    <strong></strong>
    <!-- 加粗字体 -->

    <em></em>
    <!-- 字体斜体 -->

    <del></del>
    <!-- 文字加横线 -->

    <ins></ins>
    <!-- 文字加下划线  -->

    <!-- 一些特殊符号 -->
    &nbsp;空格 &lt;小于号 &gt; 大于号 &amp;和号（&） &yen;人民币 
    &copy;版权 &reg;注册商标 &deg;摄氏度 &plusmn;正负号 &times;乘号  
    &sup2;二次方（上标2） &sup3;三次方（上标3）&divide;除号

    <img src="" alt="" width="" height="" title=""> 
    <!-- 
        src=""这是填图片路径 
        alt=""这是防止图片显示不出来，用于描述图片是什么的 
        width=" px"这是图片宽度 
        height=" px"这是图片高度 
        title=" "当鼠标放在图片上时的提示文本
     -->

    <!-- 超链接：  -->
    <a href="" target="_blank">这里随意写文本</a>

    <a href="" target="_self">这里随意写文本</a> 
    <!-- 
        href="超链接的网站" 
        target="_blank"在另一个页面打开 
        target="_self"在本页面打开 
     -->

    <!-- 锚点：  -->
    <a href="#id">这里随意写文本</a> 
    <!-- 
        在哪个标签后面加id=""就跳转到哪里 
     -->

    <!-- 打电话： -->
    <a href="tel：1351561231">这里随意写文本</a>

    <base target="_blank">
    <!-- 
        所有设置的锚点都会在另一页面打开（只能写在head里）
     -->

    <base target="_self">
    <!-- 
        所有设置的锚点都会在本页面打开（只能写在head里）
     -->


     <!--  这是有序列表（在li里写东西会进行排序 1.xx 2.xx） -->
    <ol type="1" reversed="reversed" start="2">
    <!-- 
        type="1"会以阿拉伯数字的形式排列
        type="a"会以英文字母排列 
        type="i"会以罗马数字排列 
        一共有五种：1/a/A/i/I 
        reversed="reversed":按倒序排列 start="2(从第二个开始排序)"想从哪里开始排序；
        字母和罗马数字排序用阿拉伯数字代替就可以
    -->

    <!-- ol 和 li 是组合关系，ol里面可以嵌套li -->
        <li></li>
    </ol>

    <!-- 这是无序列表（在li里写东西前面排序会用默认实心圆表示） -->
    <!-- ul li 通常用的比较多 -->
    <ul type="disc" type="square" type="circle">
    <!-- 
        type="disc"(实心圆) 
        type="square"(实心方块) 
        type="circle"(空心圆)
     -->
        <li></li>
    </ul> 

    <!-- 
        form表单
        能发送数据，把前端数据发送给后端 注：必须数据值和数据名同时存在时才可以提交
     -->
    <form method="get/post" action="">
        <!-- 
            method="get/post":发送数据的方式 
            action="":发送给谁
         -->
        <input type="radio" name="" value="" checked="checked"> 
        <!-- 
            效果:会在网页上出现单选点
            type="radio" (单选框) 
            name="" (统一成一样的)
            value="" (数据值)
            checked="checked" (默认选中)
         -->
        <input type="checkbox" name="" value="">  
        <!-- 
            type="checkbox" (多选框)
            name="" (名字 统一成一样的)
            value="" (数据值)
         -->

        <h3>例：喜欢吃的水果</h3>
        1.香蕉<input type="radio" name="food" value="xiangjiao"> 
        2.苹果<input type="radio" name="food" value="pingguo"> 
        3.橘子<input type="radio" name="food" value="juzi">


        <input type="text" name="" value="请输入用户名"> 
        <!-- 
            type="text"(文本输入框) 
            name="username"(尽量和前面保持一致)
            value="请输入用户名"这是出现在输入框里的
         -->


        <input type="password" name="" value="请输入密码"> 
        <!-- 
            type="password" (密码输入框)
            name="password"(尽量和前面保持一致)
            value="请输入密码"这是出现在密码框里的
         -->

        <input type="submit" value=""> 
        <!-- 
            type="submit":提交键/登录键 
            value=""自定义(提交键/登陆键)的内容
         -->

         <!-- (下拉菜单) -->
        <select name="" selected="selected">
        <!-- 
            name="" (数据名)
            selected="selected"(下拉菜单的默认选项)
        -->
            <option></option>
            <!-- (option：下拉菜单的内容) -->
        </select>

        <h3> 例：你所在的城市</h3>
        <select name="城市">
            <option value="北京" (也可以填上value 然后就以value里的值为准)>北京</option>
            <option value="上海" (也可以填上value 然后就以value里的值为准)>上海</option>
            <option value="河北省" (也可以填上value 然后就以value里的值为准)>河北省</option>
        </select>
    </form> 

</body>

</html>

以上就是我个人总结的HTML，对我帮助很大，希望也对你们有些帮助，CSS笔记的话后面会跟进！！

溜了溜了…

C_camel

关注

8
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
针对于初学者HTML笔记

初学者HTML笔记这是针对于初学者个人总结的HTML笔记，希望对大家有帮助，有不足的地方还望多给一些建议这是针对于初学者个人总结的HTML笔记，希望对大家有帮助，有不足的地方还望多给一些建议这是一些截图，可以保存下来，随时观看这个是代码，建议自己动手试一试，看看效果<!doctype ht...
复制链接

扫一扫