Blogger Information
Blog 57
fans 0
comment 0
visits 46951
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML基础结构+CSS属性标签
藍錄的博客
Original
835 people have browsed it

实例

<!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>

运行实例 »

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

 

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