HTML FOR CSS

Line Breaks & Horizontal Rules <br/> As you have already seen, the browser will automatically show each new paragraph or heading on a new line. But if you wanted to add a line break inside the middle of a paragraph you can use the line break tag <br/> . line break <hr/> To create a break between themes — such as a change of topic in a book or a new scene in a play — you can add the horizontal rule between sections using the <hr /> tag.                                 horizontal rule There are a few elements that do not have any words between an opening and a closing tag. They are known as empty elements and they are written differently.  An empty element usually has only one tag. Before the closing angled bracket of an empty element, there will often be a space and a forward slash character. Some web page authors miss this out but it is a good habit to get into. next> semantic markup Enjoy 

white space collapsing WHITE SPACE COLLAPSING In order to make code easier to read, web page authors often add extra spaces or start some elements on new lines. When the browser comes across two or more spaces next to each other, it only displays one space. Similarly, if it comes across a line break, it treats that as a single space too. This is known as white space collapsing. You will often see that web page authors take advantage of white space collapsing to indent their code in order to make it easier to follow. EXAMPLE: WHITE SPACE COLLAPSING

BOLD AND ITALIC <b>...</b> THIS IS BOLD TEXT By enclosing words in the tags <b> and </b> we can make characters appear bold. The <b> element also represents a section of text that would be presented in a visually different way (for example keywords in a paragraph) although the use of the <b> element does not imply any additional meaning. <i>...</i> THIS IS ITALIC TEXT By enclosing words in the tags <i> and </i> we can make characters appear italic. The <i> element also represents a section of text that would be said in a different way from surrounding content — such as technical terms, names of ships, foreign words, thoughts, or other terms that would usually be italicized. BOLD  AND ITALIC SUPERSCRIPT AND SUBSCRIPT ^... The <sup> element is used  to contain characters that  should be superscripts such  as the suffixes of dates or  mathematical concepts like  raising a number to a power such

HEADINGS: <h1> <h2> <h3> <h4> <h5> <h6> There are six levels of headings. <h1> is used for main headings <h2> is used for subheadings If there are further sections under the subheadings then the <h3> element is used, and so on... Browsers display the contents of headings at different sizes. The contents of an <h1> element are the largest, and the contents of an <h6> element are the smallest. The exact size at which each the browser shows the headings can vary slightly. Users can adjust the size of the text by using CSS. HEADING LEVELS PARAGRAPHS: To create a paragraph, surround the words that make up the paragraph with an opening <p> tag and closing </p> tag. By default, a browser will show each paragraph on a new line with some space between it and any subsequent paragraphs. paragraph next> Bold & italic and scripts(sub&super) Enjoy  😀 For more blogs related to technology you can visit Relatete

When creating a web page, we add tags (known as markup) to the contents of the page. These tags provide extra meaning and allow browsers to show users the appropriate structure for the page. Structural markup:  The element that you can use to describe both headings and paragraphs. Semantic markup: Which provides extra information such as where the emphasis is placed in a sentence that something you have written is a quotation (and who said it) the mean of acronyms and so on. Next > HEADINGS AND PARAGRAPHS Enjoy  😀 For more blogs related to technology you can visit Relatetechno.codes

Summary HTML pages are text documents. HTML uses tags (characters that sit inside angled brackets) to give the information they surround special meaning. Tags are often referred to as elements. Tags usually come in pairs. The opening tag denotes the start of a piece of content; the closing tag denotes the end. Opening tags can carry attributes, which tell us more about the content of that element. Attributes require a name and a value. To learn HTML you need to know what tags are available for you to use, what they do, and where they can go. For more blogs related to technology you can visit Relatetechno.codes

HOW TO CREAT OWN FIRST PAGE Follow these step to create own HTML web page 1. Open your text editor              mac: text editor  windows: notepad  Linux: text editor 2. Write your code 3. Save your file with .html extension           (example: myfirstpage.html) 4. Now, go to your saved file and double click on that. 5. your result on the screen IF you don't have any computer,you can try on your android mobile. 1. Go to play store. 2. Download text editor.(download anwriter free html editor) continue with above steps. or  you can try Codepan.io Enjoy.... For more blogs related to technology you can visit Relatetechno.codes

ATTRIBUTES TELLS US MORE ABOUT ELEMENTS Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value , separated by an equals sign. HTML5 allows you to use uppercase attribute names and omit the quote marks, but this is not recommended. Attribute example 1 More about Attributes  The attribute name indicates what kind of extra information you are supplying about the element's content. It should be written in lowercase. The value is the information or setting for the attribute. It should be placed in double-quotes. Different attributes can have different values. Here an attribute called lang is used to indicate the language used in this element. The value of this attribute on this page specifies it is in US English. The majority of attributes can only be used on certain elements, although a few attributes (such as lang ) can appear on any element. Most attribute values are

SRUCTURE OF PAGE  HTML CODE  <html> <head>           <title> This is the Title of the Page </title> </head> <body> <h1> This is the Body of the Page </h1> <p> Anything within the body of a web page is displayed in the main browser window. </p> </body> </html> RESULT BODY, HEAD, TITLE <body> Anything within the body of a web page is displayed in the main browser window. <head> Before the <body> element you will often see a <head> element. This contains information about the page (rather than information that is shown within the main part of the browser window that is highlighted in blue on the opposite page). You will usually find a <title> element inside the <head> element. <title> The contents of the <title> element are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page (if your b

You can see an HTML code Below. If you Don't understand Than Don't worry, remember we just started our journey. There are two types of tags. one is opening tag and one is closing tag.in the code you see red and yellow text that called tags. All red tags are opening tags and all yellow are closing tags. CODE   <html> <body> <h1> This is main heading </h1> <p> This text might be an introduction to the  rest of the page. And if the page is a long one it might be split up into several sub-headings. </p>  <h2> This is a sub-heading </h2> <p> Many long articles have sub-headings. so to help you follow the structure of what is being written, There may even be sub-sub-heading(or lower-level headings). </p> <h2> This is another sub-heading </h2> <p> here you can see another sub-heading. </p> </body> </html> For more blogs related to technology you can visit Relatetechno.codes

We come across all kinds of documents every day of our lives. Newspapers, insurance forms, shop catalogs... the list goes on. Many web pages act like electronic versions of these documents. For example, newspapers show the same stories in print, as they do on websites; you can apply for insurance over the web; and stores have online catalogs and e-commerce facilities. In all kinds of documents, the structure is very important in helping readers to understand the messages you are trying to convey and to navigate around the document. So, in order to learn how to write web pages, it is very important to understand how to structure documents.  How HTML describes the structure of a web page Learn how tags or elements are added to your document Write your first web page For more blogs related to technology you can visit Relatetechno.codes

HTML: H YPER T EXT M ARKUP L ANGUAGE (1989) HTML's primary purpose is to list the content used in the webpage HTML will display text, labels, lists, insert photos, and other media to create hyperlinks, buttons, and container. CSS: C ASCADING S TYLE S HEET (1996) CSS is used to create a responsive layout, animations, styling text, and positioning container by applying CSS you add the look and feel that you would like to your websites. HTML is made up of contents between <tags> whereas CSS is made of selectors followed by {declaration block} Simple HTML code <p>This is a paragraph</p> Simple CSS code p{ color:red; } For more blogs related to technology you can visit Relatetechno.codes

When we visit a website, the web server hosting that site could be anywhere in the world. In order for you to find the location of the webserver, your browser will first connect to a Domain Name System (DNS) server. We can understand by the following 1. When we connected to the web, you do so via an internet service provider (ISP). we type a Domain name or web address into the browser  like Google.com 2. Our computer contacts a network server called DNS. It tells our computer IP address associated with the domain. IP unique address like a mobile number. 3.The Unique number that the DNS Server returns to our browser to contact the webserver that hosts the website we require. A web server is a computer that is constantly connected to the web and is set up specially to send web pages to the user. 4. The web server then sends pages you requested back to your web browser. For more blogs related to technology you can visit Relatetechno.codes

"How websites are created WHAT YOU SEE When we are looking at a website, it is most likely that your browser will be receiving HTML & CSS from the web server that hosts the site . some websites also send javascript or flash to your browser. HOW IT IS CREATED  Small   websites Small   websites are mostly written just using HTML & CSS. Larger websites in particular, those that update regularly and use a content management system (CMS), Blogging Tools, or E-commerce software often make use of more complex technologies on the webserver. HTML5 & CSS3 Since the web was first created there have been several versions of HTML and CSS. each intended to be an improvement in the previous version. For more blogs related to technology you can visit Relatetechno.codes

" THE MAIN FACTORS THAT ARE IMPORTANT IN ACCESS THE WEB 1. BROWSER In order to view a web page, users might type a web address into their browser. 2. WEB SERVERS When we requested a web page, the request sent to a computer known as the webserver which hosts the website. 3. DEVICE It is important to remember that various devices have different screen sizes and some have faster connections to the web than others. 4. SCREEN READERS Screen readers are the program that read out the content of a computer screen to a user. They are commonly used by people with visual impairment. Thanks for visiting my blog. I will try to post regularly. For more blogs related to technology you can visit Relatetechno.codes