为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>表单标签</title>

    </head>


    <body>

        <form  method="post"    action="save.php">

            <label for="username">用户名:</label>

            <input type="text" name="username" id="username" value="" />

            <label for="pass">密码:</label>

            <input type="password" name="pass" id="pass" value="" />

            <input type="submit" value="确定" name="submit" />

            <input type="reset" value="重置" name="reset" />

        </form>

    </body>


    </html>



    <form   method="传送方式"   action="服务器文件">




    所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。

    查看全部
  •  <table border="1">(制作表格必须写)


    <caption>标题 </caption>


    <tr>!.....表格的一行,所以有几对tr 表格就有几行

           <th>表格的头部的一个单元格,表格表头。</th>

            <th>表格的头部的一个单元格,表格表头。</th>

       </tr>


    <tr>

            <td>表格的一个单元格,一行中包含几对,说明一行中就有几列。</td>

            <td>表格的一个单元格,一行中包含几对,说明一行中就有几列。</td>

         </tr>


     </table>

    查看全部
  • position:absolute;

            top:50%;

            left:50%;

    //绝对布局,起始位置

    margin:-100px 0 0 -100px;

    //top 倒退容器高度得一半,left也一样


    查看全部
  • <a href="目标网址">链接显示的文本</a>

    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">


    1、src:标识图像的位置;

    2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

    3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

    4、图像可以是GIF,PNG,JPEG格式的图像文件。

    查看全部
  • <br>  换行

    &nbsp;  空格

    查看全部
  • <header>....</header>  头部标签

    <section>....</section>  区域标签

    <footer>....</footer> 底部标签

     <aside>......</aside>  侧边栏

    查看全部
  • <ol> 标签定义了一个有序列表. 列表排序以数字来显示。

    使用<li> 标签来定义列表选项。

    <ol start="50">列表将从50开始51...55

    查看全部
  • 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。

    查看全部
  • 首先通过在<style>标签中声明span{}的格式,再在需要设置的地方加上<span></span>(要注意嵌套),相当于函数的声明和调用

    查看全部
  •  标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。也可以不嵌套(只要在body里)

    查看全部
  • <!--注释文字 -->

    查看全部
  • 1、head标签为双标签,有尾标签,<head></head>。


    2、head标签表示头部标签,通常用来嵌套meta、title、style等标签。


    3、<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。


    4、<meta charset="UTF-8">设置当前文件字符编码


    gb2312、gbk、unicode、utf-8。

    各个字符编码含义: 
    gb2312:代表国家标准第2312条,其中是不包含繁体的(虽然咱们不怎么使用繁体了,但是台湾还在使用繁体啊。那怎么办呢?)。 
    gbk:国家标准扩展版(增加了繁体,包含所有亚洲字符集)。 
    unicode:万国码(字面意思你也懂的)。 
    **utf-8:**unicode的升级版。


    5、style标签:双标签中设置当前文件样式

    <style type="text/css">h1 {color:red;} p {color:blue;}</style>

    查看全部
  • 在网页上要展示出来的页面内容一定要放在body标签中。如下图的例子

    查看全部
  •         <style type="text/css">

                /*设置h1标签的样式,字体的大小、颜色、位置*/

                h1{

                    font-size: 20px;

                    color: #930;

                    text-align: center;

                }

                /*设置p标签的样式,字体的颜色,边框的粗细、线条样式、颜色、宽高*/

                p{

                    color: red;

                    border: 1px solid blue;

                    width: 140px;

                    height: 40px;

                }

            </style>

    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!