简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > HTML基础知识(css 引用 标签缩略图.内联样式,外联样式.外部样式的设定)2018-8-10
Blogger Information
Blog 16
fans 0
comment 1
visits 18543
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML基础知识(css 引用 标签缩略图.内联样式,外联样式.外部样式的设定)2018-8-10
安丰的博客
Original
1252 people have browsed it

<!DOCTYPE html>  <!-- 声明文件类型为html -->
<html> <!--html 根目录,默认语言为英文-->
<head> <!-- 定义一个网页的页头 -->
 <title>第一课</title> <!--定义网页标签名称-->
     <meta charset = "utf -8"> <!--定义 网页使用编码规则是 utf-8-->
     <link rel ="sttlesheet" type = "texr/css" href="static/style.css"> <!--指定文件使用的样式表类型和位置-->
    <link rel ="shortcut icon" type= "image/x-icon" href ="images/favion.ico"><!--指定网页标签小图标地址>

<style type ="text/css">  /*内部样式:只针对当前页面*/

/* tag 标签名称,, ID名称(名称前面加#),class名称 */

        body{backgroud:yellow;} /*标记选择器,直接指定 body标签内所有内容背景色为 黄色*/

        #box{width:100px;height: 100px;backgroud:pink;}  /*指定 ID名为box 长100像素,宽100像素 背景色为粉红色*/

        .main{width 100px;height:100pxbackgroud:green;}/*指定一个class类名称为 main 的100*100像素 背景色为绿色*/

</style> <!--内部样式 结尾标识-->

<body> <!--主体部分 用于确定文件内容-->

<a href ="http://www.baidu.com">百度</a> /*设置一个文本"百度"并将文本做超链接至网页*  文本基本显示/

 <dir id ="box"> /*设定一个id名称为box 的对象

<p> box</p> /*输入 box 文字*/

</dir>

<div>

<div class ="main">/*设定一个class 类 名称为main的对象

<p> main</p>

</div>

</body>


</head>
</html>


IMG_0585_.jpg

<link> 用于设置标签缩略图 CSS样式表地址

shortcut icon: 标签缩略图参数   stylesheet:CSS 样式表参数

内联样式表 style


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！