Chuyển đến nội dung chính

Introduction example definition of HTML

HTML Introduction

HTML means Hyper Text Markup Language. Current version of HTML is HTML 5 and the first version is HTML 1.0. HTML is one of the easiest coding language to learn. When creating a web page there are some sections one must know, such as HTML, CSS, Javascript.


HTML Structure

<!DOCTYPE html>
<html>

<head>

<title>Webpage Title</title>

<style>
/*CSS styles written here*/
</style>

<script>
/*Javascript code written here*/
</script>

</head>

<body>
<!--HTML tags written here-->
</body>

</html>

CSS style

CSS is defined as Cascading Style Sheet
  • After HTML, we should learn CSS.
  • CSS is used to give styles for the web pages. Styles include adding colors, animations, bordering styles etc.
  • CSS can be included in a web page using three different ways, we will see those in detail in CSS chapter.
  • CSS styles can be added to a webpage depending on screen height, width and its orientation. So that we can add different styles for the same html element in different devices.

<!DOCTYPE html>
<html>

<head>

<title>HTML Textbox</title>

</head>

<body>
<input type="text">
</body>

</html>
Try it
<!DOCTYPE html>
<html>

<head>

<title>Textbox with CSS style</title>

<style>
input{
box-shadow:2px 3px 5px 3px gray;
}
</style>

</head>

<body>
<input type="text">
</body>

</html>
Try it


Javascript code

Javascript is used to make web pages more interactive with users, it is used for operations such as basic client-side validation, passing the values to the server and more.



<!DOCTYPE html>
<html>

<head>

<title>Button with javascript</title>

<script>
function test()
{
alert("Test button");
}
</script>

</head>

<body>
<button onclick="test();">Click Me</button>
</body>

</html>
Try it



Refered by tutorialcodeplay

Nhận xét

Popular Posts

Vectric Aspire 9.510 + Portable Free Download || FULL VERSION

Vectric Aspire 9.510 + Portable Free Download || FULL VERSION is here for your free direct with 100% working link from this place portablebull.blogspot.com. Description Vectric Aspire is a software company from Vectric Inc. in the CAM branch designed to design two and three-dimensional models for CNC router devices. The program is based on VCarve Pro's other proprietary software, with all the capabilities of the program in the field of modeling for CNC machines, as well as various tools for converting two-dimensional sketches, images, drawing, and digital arts into Auxiliary 3D models have high detail. After the initial conversion and final work done by the user, the software performs the three-dimensional calculations required to determine the cutting direction, and finally, using the CNC cutting machines, it produces cut-points and the final product. Vectric Aspire is used by many companies and companies for a wide range of products including decorativepanels, doors and windows, ...

Autodesk ArtCAM 2017 Crack + Patch + Full Version

Autodesk ArtCAM 2017 Crack + Patch + Full Version ArtCAM is, in fact, a design tool designed more for designers than engineers, and allows designers to showcase their creativity. The software delivers a CNC modeling CAD that can be used for a variety of industries. For example, designers of signs, woodcutters, jewelry designers and many others who can produce high-quality products before they can deliver their products in two-dimensional and three-dimensional form. It's easier with this software than ever. Features and Features of ArtCAM 2017 Crack + Patch + Full Version: Support for 64-bit systems Ability to mount jewelry pieces The ability to create complex shapes Ability to cut different pieces of pages The ability to create floating vectors Save layers and shapes that you must use Availability of ready-made models available System Requirements for ArtCAM 2017 full Crack for 2017, 2018: OS: Windows 7 SP1 / 8.x / 10 for 2012: Processor Type & Speed: Intel Core 2 Duo (or equiv...

Mindjet MindManager 2019 v19.1.198 + Win/Portable Free Full Download

Download Mindjet MindManager 2019 v19.1.198 + Win/Portable Full Free latest version offline setup for Microsoft Windows 7, 8, 10, XP, Vista. Mindjet MindManager 2019 v19.1.198 for Win Free Download is a fantastic and important software program, with this software you can create your favorite design, maps, flowchart, conceptual, tree and a lot of more best design on your laptop with both 32-bit and 64-bit. Mindjet MindManager 2019 v19.1.198 + Win/Portable Overview With MindManager, you can create your minds and ideas on paper, images, images, ideas and paper charts, organize your relationship and manage your information. This software is designed to improve your work environment and further influence the business process. MindManager 2019 full can accurately reflect your strategic plan in the mind of the map. You can work with some projects together to show each role in a separate package. In a mind map, many topics include subtopics, contacts, notes, photographs, and presentations. You...