博主信息
博文 60
粉丝 1
评论 1
访问量 76449
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html几种标签代表的意思总结_2018年8月10日
PHP学习
原创
1183人浏览过

实例

<!DOCTYPE html><!-- 定义成html文档 还有很多其实文档 如xhtml xml等 我们学习的是thml文档 所以这里要定义成html -->

<html><!-- html开始标签 是成双成对出现的 有开始就有结尾 结尾就是</html> -->

<head><!-- 标签也是成双成对出现 -->

<title>我的第一个网页</title><!-- 这里主要是网页的标题 -->

<meta charset="utf-8"><!-- 定义网页的编码 -->

<link rel="stylesheet" type="text/css" href="#"><!-- 定制css层叠样式的外部链接地址 rel是连接文档与被连接文档的关系 type是定义文本类型 href是连接css地址url -->

<link rel="style charset" type="images/icon" href="#"><!-- 定义网页上面的图标 显示在网页是最主面 任何类型的图片都可以 -->

<style type="text/css">/*内部css样式*/

body{background: red;}/*给body标签定制一个颜色*/

#box1{background: green; width: 100px; height: 100px;}/*给id为box1定义一个颜色和大小*/

#box2{background: #fff; width: 100px; height: 100px;}/*给id为box2定义一个颜色和大小*/

        .box3{background: #000; width: 100px; height: 100px;}/*给id为box3定义一个颜色和大小*/

        a{color: #999;}/*给a标签一个颜色 颜色可以是十六进制*/

        a[href="http://www.php.cn"]{color: #000;}/*给a标签为php中文网 精准定制到这个标签 给字一个颜色*/

        a[href="https://www.baidu.com"]{color: #fff;}/*给a标签为百度 精准定制到这个标签 给字一个颜色*/

</style><!-- 内部css样式成双成对的结束标签 -->

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

<body><!-- 开始标签 -->

<div><!-- div标签成对出现 -->

<a href="static/demo2.html">demo2</a>

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

<a href="https://www.baidu.com">百度</a>

</div>

<div id="box1"></div>

<div id="box2"></div>

<div class="box3"></div>

</body><!-- 结束标签 -->

</html><!-- 结束标签 -->

运行实例 »

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

对于css样式,会外部连接 内部连接 具体元素连接 css连接是从内到外 级别也是从内到外

老师请帮看一下,不知道我理解的意思对不对。


以上为手写代码:

123.JPG

批改状态:合格

老师批语:手写代码记得补上!!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
1条评论
灭绝师太 2018-08-13 14:51:46
优先级分别是 内联>内部>外部 内联样式:写在html标签内部(写法:开始标签内部 style="属性:属性值;") 内部样式:写在head内部 针对当前页面 <style type="text/css"></style> 外部样式:外部样式 为了共享 通常储存在css文件中 (需要的head内部引入) 可以同时用这三种方法给标签添加样式测试一下……
1楼
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学