HTML - Omzas

Learn More

html color
This code allow you to declare a color inside html,css and javascript code. Basic color: “black”, “white”, “gray”, “silver”, “maroon”, “red”, “purple”, “fushsia”, “green”, “lime”, “olive”, “yellow”, “navy”, “blue”, “teal”, and “aqua”. Examples: <span style = "color:red">Example red Color</span> Example red Color <span style = "color:white">Example white Color</span> Example white Color <span style = "color:blue">Example blue Color</span> Example blue Color <span style = "color:green">Example ...
html img
html img tag allow you to put an image inside html code. <img src="http://clipart-library.com/image_gallery2/Home-Free-Download-PNG.png"> Attributes: alt – Allow you to declare keywords inside image for “SEO”. <img src="http://clipart-library.com/image_gallery2/Home-Free-Download-PNG.png" alt ="image"> height and width – Allow you to declare width and height to your image. <img src="http://clipart-library.com/image_gallery2/Home-Free-Download-PNG.png" width ="500px" height = "550px"> More info about “html img” here –https://www.w3schools.com/tags/tag_img.asp More html ...
href a
“href a” allow you to insert a link inside a text or object and make it clickable. <a href="https://www.google.com">Google Website</a> Google Website You can put the link inside image like this code: <a href="https://www.google.com"> <img src="https://media-exp1.licdn.com/dms/image/C4D0BAQHiNSL4Or29cg/company-logo_200_200/0/1519856215226?e=2159024400&v=beta&t=r--a5-Dl4gvVE-xIkq8QyBzZ8mQ-OYwBOrixNzR95H0"> </a> You can put a phone number inside a text and redirect to your phone dialer(work only in mobile). <a href="tel:+88888888">+88888888</a> +88888888 You can ...
Form
A form html is used to collect user data and send the data to the server . You need to declare in the tag “form” an attribute called “action” and then declare to path to your php file. To pass the data from the input text to the php file you should declare the attribute ...
Button
Browsers Support: All. <button type="button">Click</button> autofocus: Automatically get focus when the page loads. <button type="button" autofocus>Click</button> disabled Disables the button. <button type="button" disabled>Click</button> name Declaring a name for the button.(For php usage). <button type="button" name = "click">Click</button> type Declaring a the type of the button. type = “button” – Simple button for any use(for javascript). type =”submit” – Send ...
Table
A simple Table in html. “border = 1” – Defining a border and the thick of the border that equals to 1. <thead> – Presenting the header of the table. <tbody> – Presenting the body of the table. <tr> – The column of the table. <th> – The title of the column. <td> – The title of the row. <table ...
Blink
Browsers Support: Chrome,Firefox,Safari,Opera.. Blink turn a simple text to blink text. <blink>Why would somebody use this?</blink> <style> blink { animation: 2s linear infinite blink_effect; } @keyframes blink_effect { 0% { visibility: hidden; } 50% { visibility: hidden; } 100% { visibility: visible; ...
iframe
Browser Support: Chrome,Firefox,Edge,Safari,Opera. Iframe create a window with html page inside parent page. <!DOCTYPE html> <html> <head> <title>_parent</title> </head> <body> <iframe src="http://www.ddd.com"></iframe> </body> </html> Result: Attributes: allowfullscreen Allow to open iframe video in full screen. <iframe src="https://www.youtube.com/embed/T9yGcKlYAiw" allowfullscreen></iframe> This full screen button is working height and width You can declare specific height for the iframe. <iframe height = "200px" width="1000" src="https://www.youtube.com/embed/T9yGcKlYAiw" allowfullscreen></iframe> Result: loading : eager ...