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>