web基础

最新推荐文章于 2021-09-04 10:00:51 发布

啥也不是！

最新推荐文章于 2021-09-04 10:00:51 发布

阅读量118

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_45061831/article/details/104884974

版权

笔记专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>    //定义文档类型
<html lang="en">   
<head>
    <meta charset="UTF-8">   //解码方式
    <title>我的网页</title>   //定义文档的标题
</head>
<!--  bgcolor:设置背景颜色，background:设置背景图片-->  //注释<!--  -->
<body>
<center>  //居中
    <p>欢迎光临！</p>   //段落
    <hr>   //水平线
    <table border="1" cellpadding="10" cellspacing="0">  //表格
        <caption>信息</caption>    //表格标题
        <tr>   //行
            <th>姓名</th><th>年龄</th><th>性别</th>   //列标题
        </tr>
        <tr>
            <td>常佳远</td><td>20</td><td>男</td>   //列
        </tr>
    </table>
    <a href="https://www.baidu.com/">百度一下</a>  //超链接
</center>
    <img src="t015f914f4ef04418cf.jpg" alt="大楼" align="right">   //插入图片，不需要结束标志
    <button>FUCK ME!!!</button>   //按钮
    男<input type="radio" name="sex" checked="checked"><br/>  //单选按钮,两个name要一样
    女<input type="radio" name="sex"><br/>
    好<input type="checkbox" name="hao"><br/>     //复选框
    好活<input type="checkbox" name="haohuo"><br/>
    账号<input type="text" name="username"><br/>   //文本框
    密码<input type="password" name="password"><br/>   //密码
    <input type="submit" value="提交">     //提交按钮
	
	<input type="color"><br/>   //选择颜色
    <input type="file"><br/>    //选择文件
    <input type="hidden"><br/>   //隐藏标签
    <input type="email"><br/>    //email框
    <input type="date"><br/>     //日期选择
    <input type="tel"><br/>      //手机号
    <input type="button" value="按钮别点" onclick="alert('叫你别点你还点？鉴不鉴啊？！')">  //按钮，后边是弹出框
    <form>   //表单
        <input type="text"> <input type="text">
        <input type="reset">  //重置
    </form>
    <input type="month">   //年月选择
    <input type="time">    //时间选择
    <input type="week">    //年和周选择

    <video width="320" height="240" controls="controls">    //播放器
        <source src="movie.ogg" type="video/ogg">
        <source src="movie.ogg" type="video/ogg">
    </video>
</body>
</html>

css结构

 - 用<div>定义结构，里边用class命名或者id命名
 - 设置的样式写在<head><style>里面
 - 如果是class命名的用.名字{} ，id用#名字
 - <style>可以写在别的文件里，用<link type="text/css" href="写地址" rel="stylesheet" />