实例
<!DOCTYPE html> <!-- xml xhtml 声明文档类型 -->
<html>
<head> <!-- 双标签头部 -->
<title>PHP中文网</title> <!-- 双标签定义网站名称 -->
<meta charset="utf-8"> <!-- 单标签网站编码 -->
<link rel="stylesheet" type="text/css" href="css/style.css"> <!-- link引用外部文件 rel定义当前文档与被连接文件关系 type定义外部文件类型 href文件路径 --> <!-- 引用外部css文件 -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> <!-- 引用外部图片文件做网站ico图标 -->
<style type="text/css"> /*内部样式，只支持当前页面*/
/*tga标签、id、class 属性标签选择器*/
body {background: red;} /*对应tga属性标签*/
#ma {width: 200px;height: 200px;background: pink;} /*#对应ID属性标签*/
.main {width: 200px;height: 200px;background: green;} /*.对应class属性标签*/
a{color: green;}/*标记所有A标签颜色*/
a[href="www.weifangwangluo.com"]{color: pink;} /*属性选择器*/
#ma a{color:red;}/*在ID ma中 A标签的样式* /
</style>
<body> <!-- 双标签网站主要显示内容 --> <!-- style="background: blue;" 内联样式只针对当前标签-->
<img src="">
<a href="www.weifangjianzhan.com">潍坊建站</a>
<a href="www.weifangwangluo.com">潍坊网络</a>
<a href="www.hcses.top">专业建站</a>
<a href="www.chinahcses.top">建站首选</a>
<div id="ma"><a href="ok.html">php</a></div> <!-- 跳转到当前目录ok.html -->
<div class="main"></div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例