dailydiarytech

Search This Blog

Home
HTML
CSS
JS
DOM
Microsoft

Showing posts from October, 2021

View all

Posts

File Zilla

on October 11, 2021

HTML

+

0

Get link
Facebook
X
Pinterest
Email
Other Apps

Other Website

Daily Diary News

Home

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...

CSS Structure

What is CSS? CSS= Cascading Style Sheets Style rules: Selector{declaration;} Declation: Property:value Comments /*......*/ Inline Set style attribute in HTML elements < h1 style ="color:blue" > This is a blue headings < /h1 > Internal Use <style> element in the <head> section < style > body { background-color : black ; } h1 { color : blue ; } p { color : red ; } < /style > < /head > External by using an external CSS file < !DOCTYPE html > < html > < head > < link rel ="stylesheet" href ="styles.css" > < /head > < body > body { background-color : blue ; } h1 { color : blue ; } p { color : red ; } < head > < link rel ="stylesheet"...

Powered by Blogger