博客列表 >HTML标签+CSS使用总结-2018年8月11日18时25分提交

HTML标签+CSS使用总结-2018年8月11日18时25分提交

Bingsira的博客
Bingsira的博客原创
2018年08月11日 18:57:08698浏览

今天是第一天在PHP中文网学习!

1.实例

<!DOCTYPE HTML><!--表示这是一个HTML文本-->

<html><!--网页开始标签-->

<head><!--网页头部开始标签-->

    <title>0810作业</title><!--网站头标签-->

    <meta charset="utf-8"/><!--表示这是一个UTF-8的编码,显示中文-->

    <link rel="stylesheet" type="txext/css" href="html.css"><!--链接外部CSS样式-->

    <link rel="shortcut icon" type="image/x-icon" href="images/bodyfj.jpg"><!--链接网站头标签图片-->

    <style>/*内部样式表开始标签*/

    body{

        padding:auto;

        margin:auto;}/*网页标记选择符,设置外补丁和内补丁设置为自动*/

    a{

        text-decoration: none;

        color: #ff4d61;

    }/*网页标记选择符,所有连接清除下划线,颜色改为红色*/

    #box{width:auto;

        height:300px;

        padding-top:20px;

        background:blue;

    }/*id选择器设置box为宽自动,高300px,背景颜色为蓝色*/

    .bos{width:400px;

        height:400px;

        padding-top:20px;

        text-align: center;

        background-color:#fff71e;

    }/*类选择器class设置bos为宽400px,高400px,内补丁顶部20px,文本居中对齐,背景颜色设置为黄色*/

    </style><!--内部样式表开始标签-->

</head><!--网页头部结束标签-->

<body><!--网页主体显示开始标签-->

<div>

    <div id="box">

        <a href="
http://www.baidu.com
">百度首页</a>

    </div><!--第一个div域使用id选择符box样式的百度首页跳转链接-->

    <div class="bos">

        <a href="
http://www.php.cn">PHP
中文网</a>

    </div><!--第二个div域使用类class选择符bos样式的PHP中文网跳转链接-->

</div>

</body><!--网页主体显示结束标签-->

</html><!--网页结束签-->

运行实例 »

点击 "运行实例" 按钮查看在线实例

2.实际运行效果

无标题.png

 3.手写html代码

IMG_20180811_114025.jpg

4.学习HTML+CSS后总结

        本次学习知道了网站表示的连接由来,并加深了对其记忆。在写代码时要规范语句的书写,并加入相关注释以便知道每个代码实现的功能和效果,手写代码有加深新学习的英文,以下再次写一遍加深:styplesheet、shortcut icon、image/x-icon、text-decoration:none;

以上为本次学习结果,请老师查阅,谢谢。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议