HTML+CSS 轻松入门之HTML基础标签（二）
超链接
格式：<a href=''></a>
如下实例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="php.cn">php中文网</a> </body> </html>
注：href 是a标签不可少的属性 href="链接到的地方"，如百度，淘宝等
什么是空链接
写空连接用 # 键
代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#">php中文网</a> </body> </html>
这样，我们点击链接是没有反应的
如何使用css样式标签
<style></style>
注：样式的标签是写在头部文件中，代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>
注：type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。
写入脚本代码也是一样：
如下代码所示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //写入脚本代码 </script> </head> <body> 欢迎来到php中文网 </body> </html>
type 属性规定脚本的类型
图片标签
<img>标签 如下代码所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 欢迎来到php中文网 <img src="images/1.jpg"> </body> </html>
如果存在这张图片，我们将会吧这张图片显示出来
引入外部样式或脚本
引入外部样式，比如我建立一个style.css的文件，我现在的页面要用到style.css这个文件中的样式
如下代码所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> 欢迎来到php中文网 </body> </html>
这样我们就已经把样式引入进来了
引入外本脚本文件
如下代码所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="index.js"></script> </head> <body> 欢迎来到php中文网 </body> </html>
看山看水看代码
<link rel="stylesheet" type="text/css" href="style.css">引入外部样式，rel和type是干啥的啊
7年前 添加回复 0