慕课网

初识HTML(5)+CSS(3)-升级版

最热最新

慕仰5567666

在网页的制作中为使网页炫丽美观，肯定是缺少不了图片，可以使用<img>标签来插入图片。
语法：
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
举例：
<img src = "myimage.gif" alt = "My Image" title = "My Image" />
讲解：
1、src：标识图像的位置；
2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；
3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
4、图像可以是GIF，PNG，JPEG格式的图像文件。

查看全部

0 采集收起来源：不发一张自拍么? - 使用<img>标签为网页添加图片
2023-09-26
慕仰5567666

head
1、head标签为双标签，有尾标签，<head></head>。
2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。
3、<title>标签：在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。



查看全部

0 采集收起来源：解释不等于掩饰- html文件注释
2023-09-26
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>css3选择器优先级</title>
    <style type="text/css">
        #box{color:red;}
        .dv{color:blue;}
        div{color:black;}
        *{color:green;}
    </style>
</head>

<body>
    <div>
        我是一个div
    </div>
</body>

</html>

查看全部

0 采集收起来源：别插队啊 - 选择器的优先级
2023-09-26
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style type="text/css">
    .first span {
        color: red;
    }

    .food li{
        /*添加边框样式（粗细为1px，颜色为红色的实线）*/
        border: 1px solid red;

    }
    </style>
</head>

<body>
    <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    
    <ul class="food">
        <li>水果
            <ul>
                <li>香蕉</li>
                <li>苹果</li>
                <li>梨</li>
            </ul>
        </li>
        <li>蔬菜
            <ul>
                <li>白菜</li>
                <li>油菜</li>
                <li>卷心菜</li>
            </ul>
        </li>
    </ul>
</body>

</html>

查看全部

0 采集收起来源：这么快就当爷爷了? - 后代选择器
2023-09-26
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>嵌入式css样式</title>
    <style type="text/css">
    span {
        color:blue;
    }
    </style>
</head>

<body>
    <p>慕课网，<span>超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>

</html>

查看全部

0 采集收起来源：换个地方吧,行内太挤了 - 嵌入式css样式
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>内联样式</title>
</head>

<body>
<p>慕课网，<span >超酷的互联网</span>、IT技术免费学习平台，创新的网络一站式学习、实践体验；<span>服务及时贴心</span>，内容专业、<span>有趣易学</span>。专注服务互联网工程师快速成为技术高手！</p>
</body>

</html>

查看全部

0 采集收起来源：既然那么好,那就引入css吧 - 内联式css样式
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>认识CSS样式</title>
    <style type="text/css">
    p {
        font-size: 20px;
        /*设置文字字号*/
        color: red;
        /*设置文字颜色*/
        font-weight: bold;
        /*设置字体加粗*/
    }
    </style>
</head>

<body>
    <p>慕课网，超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！</p>
</body>

</html>

查看全部

0 采集收起来源：给html打扮一下 - 认识CSS样式
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>重置按钮</title>
</head>

<body>
    <form action="save.php" method="post">
        <label>爱好:</label>
        <select>
            <option value="看书">看书</option>
            <option value="旅游" selected="selected">旅游</option>
            <option value="运动">运动</option>
            <option value="购物">购物</option>
        </select>
        <input type="reset" value="重置" />
        <input type="submit" value="提交" />
    </form>
</body>

</html>

查看全部

0 采集收起来源：使用重置按钮，重置表单信息
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>提交按钮</title>
</head>

<body>
    <form method="post" action="save.php">
        <label for="myName">姓名：</label>
        <input type="text" value=" " name="myName " />
        <input type="submit" value="提交">
    </form>
</body>

</html>

查看全部

0 采集收起来源：填完就可以提交咯 - 提交按钮
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>select下拉框</title>
</head>

<body>
    <form>
        <select>
            <option value="看书">看书</option>
            <option value="旅游" selected="selected">旅游</option>
            <option value="运动">运动</option>
            <option value="购物">购物</option>
        </select>
    </form>
</body>

</html>

查看全部

0 采集收起来源：使用select、option标签创建下拉菜单
2023-09-25
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>label</title>
</head>

<body>
    <form>
        <label for="uname">输入你的用户名</label>
        <input type="text" id="uname" placeholder="Enter uname">
        <br>
        <label for="pass">输入你的密码</label>
        <input type="password" id="pass" placeholder="Enter password">
    </form>
</body>

</html>

查看全部

0 采集收起来源：使用label为input标签穿上衣服
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文本域</title>
</head>

<body>
    <form>
        <textarea cols="50" rows="10">在这里输入内容...</textarea>
    </form>
</body>

</html>

查看全部

0 采集收起来源：留下您宝贵的意见 - 使用<textarea>标签创建文本域
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>input-url</title>
</head>

<body>
    <input type="url">
</body>

</html>

查看全部

0 采集收起来源：平时都逛论坛么? - 网址输入框
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>input-number</title>
</head>

<body>
    <input type="number">
</body>

</html>

查看全部

0 采集收起来源：在家呆多少天啦? - 数字输入框
2023-09-23
慕丝7277520

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>input-placeholder</title>
</head>

<body>
    <input type="text" placeholder="请输入用户名">
    <br>
    <input type="password" placeholder="请输入密码">
</body>

</html>

查看全部

0 采集收起来源：给点提示呗 - placeholder属性的使用
2023-09-23

首页上一页 27 28 29 30 31 32 33 下一页尾页

0/150

提交

取消

开始学习

课程须知: 没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。

老师告诉你能学到什么？: 本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识，可以利用HTML(5)、CSS(3)样式技术制作出简单页面。