dailydiarytech

Structure with HTML What is HTML? HTML = H yper T ext M arkup L anguage = the structure of a Web page HTML document structure < !DOCTYPE html > T his is not a HTML Tag Declaration of version of HTML *First line of code* < html > < head > < title > Title < /title > < /head > < body > < h1 > Heading < /h1 > < p >P aragraph < /p > < /body > < /html > Basic Tags Comments <!-- Write your comments -- !> Comments will not be displayed on the web page. It is just a reminder when you are coding. Headings < h1 > This is heading 1 < /h1 > < h2 > This is heading 2 < /h2 > < h3 > This is heading 3 < /h3 > Paragraph < p > This is a paragraph. < /p > < p > This is another paragraph. < /p >

HTML Basics

HTML Basics HTML Links < a href ="https://www.website.com" > This is a link < /a > URL address + Test shown on page HTML Image < img src ="image.jpg" alt ="image.com" width ="300" height ="150" > Source file ( src ) alternative text ( alt ) HTML Buttons < button > Click me < /button > HTML Lists < ul > < li > Apple < /li > < li > Orange < /li > < li > Banana < /li > < /ul > < ol > < li > Apple < /li > < li > Orange < /li > < li > Banana < /li > < /ol > ul = Unordered Lists (Bullet Lists) ol=Ordered Lists (1. 2. 3.) Empty Elements <br>...</br> line break <hr>...</hr> thematic break

How to replace words?

How to replace words? Control + H More information:

[DOM] Simple Calculator

HTML File <!DOCTYPE html> <html> <head> <title>Simple Calculator</title> <script src="adder.js"></script> </head> <body> <h1>A Simple Calculator</h1> <input type="text" id="number1"> 1st Number<br> <input type="text" id="number2"> 2nd Number<br> <input type="text" id="result"> Result<br> <div> <button type="button" onclick="add()">Add</button> <button type="button" onclick="substract()">Substract</button> <button type="button" onclick="swap()">Swap</button> <button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()">Reset</button> </div...

More styling with CSS

More styling with CSS Web Fonts http://www.google.com/fonts 1. Select fonts. 2. Click to show the HTML and CSS code. 3. Copy these codes to html and css file. Example <!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'> <style> body { font-family: 'Sofia';font-size: 22px; } </style> </head> <body> Float Example main{ width:500px; margin:auto; background:gray; } nav{ border: 3px solid black; width: 200px; float:right; } Clear Property footer{ clear: both; clear: right; }

Powered by Blogger