重温基础什么是HTML?

77 阅读2分钟

今天是坚持更新推文的第二天,重新认识HTML。

HTML技术是互联网世界中最基本的技术之一。HTML是网页的构建语言,它定义了网页的结构和内容。通过HTML,我们可以创建页面标题、段落、链接、图像、表格等各种元素,实现网站的布局和内容展示。

下面我们来介绍一些HTML常用的技术。

  1. HTML基础语法

HTML的基础语法非常简单,可以轻松上手。

我的第一个网页

欢迎来到我的网站!

这是我的第一个网页。用HTML编写真的很简单。

<!DOCTYPE html> 
<html> 
<head> 
<title>我的第一个网页</title> 
</head>

<body> 
<h1>欢迎来到我的网站!</h1> 
<p>这是我的第一个网页。用HTML编写真的很简单。</p> 
</body> 
</html>

2. HTML标签

HTML标签是用来定义不同类型的内容,通常以尖括号< >来标记。

例如:

<h1> 标签用于定义HTML页面中的主标题  </h1>
<p> 标签用于定义段落</p>  
<img src="转存失败,建议直接上传图片文件 " alt="转存失败,建议直接上传图片文件"> 标签用于显示图片 
<a> 标签用于定义超链接</a>

3. HTML表单

HTML的表单是用于收集用户输入信息,并将其发送到服务器进行处理的重要工具。

例如:

<form action="/" method="POST">
<label for="name">姓名:</label> <input type="text" id="name" name="user_name"><br><br> 
<label for="email">邮箱:</label> <input type="email" id="email" name="user_email"><br><br> <input type="submit" value="提交">
</form>

4. HTML CSS样式

CSS样式是用来描述HTML标签的外观和布局的技术。CSS可以设置文本颜色、字体大小、背景色、边框样式等。

例如:

<style> 
body { 
        background-color: lightblue;
     }

h1 { 
       color: white;
       text-align: center;
   }

p { 
       font-family: verdana;
       font-size: 20px;
  } 
</style>

5. HTML JavaScript

JavaScript是一种简单而强大的脚本语言,可以将动态效果添加到网页中。它可以用于验证表单输入、操作网页元素、实现动画等。

例如:

<script>
    function displayDate() { 
        document.getElementById("demo").innerHTML = Date(); 
        } 
</script>
<button onclick="displayDate()">现在的时间是?</button>

以上就是HTML技术的一些基础知识和技巧。学习这些知识可以使我们更好地了解HTML和网站开发,并帮助我们构建更优秀的网站!!!!究极无敌牛!!!!