[GUIDE] HTML For Beginners #2

Off Topic
1

HTML Guide: Integrating CSS and JS, Meta Tags for Appzard Community

HTML is a markup language used to create web pages. With HTML, you can create content, structure it, and add styling and interactivity to your pages. In this guide, we will discuss how to integrate CSS and JS into your HTML code, as well as how to add meta tags for the Appzard community.

Integrating CSS into HTML

CSS (Cascading Style Sheets) is a styling language used to add visual effects and layout to your web pages. You can integrate CSS into your HTML code using the <style> tag. Here’s an example of how to add CSS styles to your HTML code:

<!DOCTYPE html>
<html>
<head>
	<title>My Website</title>
	<style>
		body {
			background-color: #f2f2f2;
			font-family: Arial, sans-serif;
		}
		h1 {
			color: blue;
			text-align: center;
		}
	</style>
</head>
<body>
	<h1>Welcome to my website</h1>
	<p>This is a paragraph.</p>
</body>
</html>

In this example, we added CSS styles to the <style> tag in the <head> section of our HTML code. We changed the background color of the body to light gray, the font family to Arial, and added blue color and centered alignment to the <h1> tag.

Integrating JS into HTML

JS (JavaScript) is a programming language used to add interactivity to your web pages. You can integrate JS into your HTML code using the <script> tag. Here’s an example of how to add JS code to your HTML code:

<!DOCTYPE html>
<html>
<head>
	<title>My Website</title>
</head>
<body>
	<h1 id="title">Welcome to my website</h1>
	<button onclick="changeText()">Change Text</button>
	<script>
		function changeText() {
			document.getElementById("title").innerHTML = "Hello, World!";
		}
	</script>
</body>
</html>

In this example, we added a JS function to the <script> tag in the <body> section of our HTML code. We created a function called changeText() that changes the text of the <h1> tag to “Hello, World!” when the button is clicked.

Meta Tags for Appzard

Meta tags are HTML tags used to provide information about a web page. If You Have Created A App Using Appzard And Creating A Website For It With Details So Use This Code

<!DOCTYPE html>
<html>
<head>
	<title>My Appzard App</title>
	<meta name="appzard:android:package_name" content="com.myappzardapp">
	<meta name="appzard:android:version_code" content="1">
	<meta name="appzard:ios:bundle_id" content="com.myappzardapp">
	<meta name="appzard:ios:version" content="1.0">
</head>
<body>
	<h1>Welcome to my Appzard app</h1>
	<p>This is a paragraph.</p>
</body>
</html>

In this example, we added Appzard meta tags to the <head> section of our HTML code. We specified the package name and version

If You Have Any Doubts Feel Fee To Ask

1 Like