التخطي إلى المحتوى الرئيسي

المشاركات

عرض الرسائل ذات التصنيف HTML

Create Five Page Static Website using HTML + CSS

In this article I am creating five web page application using  HTML & CSS

HTML Introduction | HTML Tutorial

it means hypertext markup language , it provides a predefined set of elements that will be used to create a website. HTML is mainly used to design the user interface of the Website. Without HTML we can not create a website means it is mandatory for web development and web designing. all tag of HTML is predefined hence it is called markup language. Hypertext:-   text within the tag is called Hypertext. all Html elements define as a Tag. <html>,<head>,<body>,<div> Hypertext has been categorized into two different type: 1)  Single line closing:-   this type of tag will be closed on the same line means the opening and closing tag will be implemented on the same statement. <br>,<hr>, <input  />  <link /> <meta />  <img /> Example of Single Line Closing: <! DOCTYPE html > <html lang = "en" > <head>     <meta charset = "UTF-8" />     <meta name = "viewpo...

Internal Css in HTML

We will create separate block of css under head section using <style type="text/css"></style> We will define three different types of block under the .css file. #blockname { } .blockname { } htmlelementblock { } #block will be called by id selector <div id="blockname"></div> .block will be called by a class selector <div class="blockname"></div> html element block will be called automatically p {    width:100px;    color:yellow; } <p></p> Example of Internal Css in HTML:- <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #header { height:100px; background-color:#4867AA } #logo {          float:left;          width:30%;          height:75%;          padding-top:10px;          padding-left:160px; ...

CSS Introduction,What is CSS,How to apply css in HTML

CSS: -  it means a cascading style sheet, it is used to provide a set of properties to design the HTML web page. Without using CSS, we can not best design, theme, and appearance on Web Page.HTML only provide a set of an element using HTML Tag but CSS provide properties to design HTML. If we  want to provide backgroundcolor,backgroundimage,height,width,margin,padding,font-family,font-size,color,alignment then we use css. History of CSS:- CSS was first proposed by Håkon Wium Lie on October 10, 1994. At the time, Lie was working with Tim Berners-Lee at CERN. Style sheets have existed in one form or another since the beginnings of Standard Generalized Markup Language (SGML) in the 1980s, and CSS was developed to provide style sheets for the web. Note:- If you did not read HTML then first read this article after that read this then you can easily understand the CSS concept. Click to learn HTML https://www.shivatutorials.com/2020/07/what-is-htmlhtml-introduction.html CSS has three d...

External Css in HTML

We will create separate css file which will be linked using <link> tag .It is standard approach to create application. <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="header"> <div id="logo">  <img src="logo.jpg" width="210" height="75" /> </div> <div id="login">  <table id="logintable">   <tr><td >Email or Phone</td><td style="color:white;">Password</td><td></td></tr>   <tr><td><input type="text" /></td><td><input type="text" /></td><td><input type="button" value="Log in" ></td></tr>   <tr><td></td><td><a href...

What is Bootstrap?,BootStrap Introduction,Bootstrap tutorial for beginners

Bootstrap is an external library that contains .css file and .js file to provide a responsive web layout. responsive means, Layout which is compatible with Mobile Screen, Desktop Screen, TV Screen, Tablet Screen, Projector, etc. Bootstrap contain set of CSS block which will be called under HTML element. for example, if we want to create two different partitions which is compatible with all device. How to use bootstrap: 1)first download bootstrap.min.js and bootstrap.min.css I have mentioned download link below with a complete example. 2) Create .html file and link bootstrap .css file and .js file 3) Write the following code to implement bootstrap class="row" :-  it create responsive row class="col":-  it create responsive columns <div class="row"> <div class="col-sm-6"> </div> <div class="col-sm-6"> </div> </div> Complete Code of bootstrap  <!DOCTYPE html> <html> <head> <ti...