初识HTML语言

初识HTML语言

初识HTML语言

网页是什么

图片[1]-初识HTML语言-菜鸟-传奇 的杂货铺

图片[2]-初识HTML语言-菜鸟-传奇 的杂货铺

HTML基本标签

html源码:https://www.jq22.com/daima1

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

HTML 的结构

图片[3]-初识HTML语言-菜鸟-传奇 的杂货铺

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>菜鸟</title>
<style> </style>
</head>

<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<script> </script>
</body>

</html>

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。
<br> 换行

链接(Links)

普通的链接:<a href="http://www.example.com/">链接文本</a>
图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
<a href="444.html">bb</a>
<a href="https://www.baidu.com/" target="_blank"><img src="tp/bizhi.png"></a>

图片(Images)

<img loading="lazy" src="URL" alt="替换文本" height="42" width="42">
<img src="tp/bizhi.png">
<img src="/html/tp/bizhi.png">
<img src="http://127.0.0.1/html/tp/bizhi.png">

表单标签

<form action="demo_form.php" method="post/get">
<input type="text">
<input type="password">
<input type="file">
<input type="submit" value="Send">
</form>

学会phpstudy工具使用

1、下载phpstudy

2、解压并安装phpstudy

图片[4]-初识HTML语言-菜鸟-传奇 的杂货铺

3、开启phpstudy,并找到安装位置

图片[5]-初识HTML语言-菜鸟-传奇 的杂货铺

4、开启Apache和mysql,并尝试在浏览器访问

http://127.0.0.1/error

图片[6]-初识HTML语言-菜鸟-传奇 的杂货铺

出现此页面证明安装成功

5、访问失败解决

(1)端口冲突:

图片[7]-初识HTML语言-菜鸟-传奇 的杂货铺

6、多种方式访问

如果更改了端口

访问的时候加上端口

- http://127.0.0.1:8080
- http://ip:8080(ipconfig的ipV4地址)
- http://localhost:8080
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情图片

    暂无评论内容