前端-HTML基础

糖豆199

已于 2022-01-24 20:37:29 修改

阅读量923

点赞数

文章标签：前端 html5 css css3

于 2022-01-19 17:33:15 首次发布

本文链接：https://blog.csdn.net/jfhgjxxxxxxxxxx/article/details/122586064

版权

w3school 在线教程全球最大的中文 Web 技术教程。https://www.w3school.com.cn/推荐学习网站

学习视频黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili全部素材、源码、ppt、素材、讲义都在置顶留言,去下载吧~~也可以直接： https://gitee.com/xiaoqiang001/html_css_material.git 下载哈！1. web端布局：先讲解HTML5常用标签，接着讲解CSS3常见样式增加的H5C3新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果2. 移动端布局：主要讲解视口、二倍图、流失布局，https://www.bilibili.com/video/BV14J4114768?p=9&spm_id_from=pageDriver

学习笔记

HTML：https://docs.mphy.top/#/HTML/readme
CSS/HTML5/CSS3：https://docs.mphy.top/#/CSS/readme
JS基础：https://docs.mphy.top/#/JavaScript/readme
WebApi/DOM：https://docs.mphy.top/#/WebApi/readme

https://blog.csdn.net/weixin_46170034/category_9694451.html

HTML5及CSS学习 demo3_菜鸟小铭的博客-CSDN博客

PPT

链接:

https://pan.baidu.com/s/18cQc0nEPDjCtbAjoJGzIAg

提取码：r4ga

HTML教程

MurphyChen's NotesDescriptionhttps://docs.mphy.top/#/HTML/ch02?id=_46-%E5%9B%BE%E5%83%8F%E6%A0%87%E7%AD%BE%E5%92%8C%E8%B7%AF%E5%BE%84%EF%BC%88%E9%87%8D%E7%82%B9%EF%BC%89

按Tab键

按shift和Alt键不松

锚点链接

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#live">个人生活</a>
    <h3 id="live">个人生活</h3>
    在长长的一生里，为什么欢乐总是乍现就凋落，走得最急的都是最美的时光，别人再好，也是别人。自己再不堪，也是自己，独一无二的自己。只要努力去做最好的自己，一生足矣。 那些走过的路，那些笨拙而缓慢的生长，会让生活变得独立而丰富；那些咬牙坚持和日月锤炼，那些身体与心里的疤痕，会成为我赖以战斗的力量。糖豆2022年1月20日
</body>
</html>

表格标签

合并单元格

表单

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h4>青春不常在</h4>
    <table width="500">
        <!-- 第一行 -->
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan"><label for="nan">男</label>
                <input type="radio" name="sex" id="nv"><label for="nv">女</label>
            </td>
        </tr>
        <!-- 第二行 -->
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
            </td>
        </tr>
        <!-- 第三行 -->
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="北京"></td>
        </tr>
        <!-- 第四行 -->
        <tr>
            <td>婚姻状况：</td>
            <td>
                <input type="radio" name="hun" id="yihun"><label for="yihun">已婚</label>
                <input type="radio" name="hun" id="weihun"><label for="weiihun">未婚</label>
            </td>
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>学历</td>
            <td><input type="text" value="本科"></td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>喜欢的类型：</td>
            <td>
                <input type="checkbox" name="love">可爱
                <input type="checkbox" name="love">鲜肉
                <input type="checkbox" name="love">蜡肉
                <input type="checkbox" name="love" checked="checked">妩媚
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>个人介绍：
            </td>
            <td>
                <textarea></textarea>
            </td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <!-- 第九行 -->
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款
            </td>
        </tr>
        <!-- 最后 -->
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>单身</li>
                    <li>可聊</li>
                </ul>
            </td>
        </tr>
    </table>
</body>

</html>

糖豆199

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端-HTML基础

学习视频黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili学习笔记https://blog.csdn.net/weixin_46170034/category_9694451.htmlHTML5及CSS学习 demo3_菜鸟小铭的博客-CSDN博客...
复制链接

扫一扫