ReadingNotes

Getting started with HTML

intro to HTML

HTML which stands for Hypertext markup language is a markup language. HTML tells the web browsers how to structure the web pages you visit. The wbe developer can make it as simple or complicated. HTML has a series of elements, which you use to enclose, wrap, or mark up different parts of content to make it appear in a certain way. Enclosing tags can make content into a hyperlink to connect to another page, italicize words, and so on. The tags in HTML aren’t case sensitive.Ex.(title can be written like TITLE, TItLe, and TITle will they will all work.) Its better to write all tags in lowercase.

Anatomy of an HTML element

Opening Tag consists of the name of the element wrapped in opening and closing angle brackets. This tag marks where the element begins to take effect. Content is the content of the element. Its like the text of the element. Closing tag Just like the opening tag but it includes a forward slash before the element name. This marks the end of the element.

Document and Website structure

Webpages can look pretty different from one another, but they all tend to share similar standard components, unless the page is displaying a fullscreen video or game, is part of some kind of art project. Header is usually the big strip across the top with a big heading, logo, and perhaps a tagline. Usually stays the same from one webpage to another. Navigation bar Links to the sites main sections, represented by menu buttons, links, or tabs. Main content the big area in the center that contains the most of the unique content of a given webpage, for example, the video you watch or the storie you reading or the map you viewing. Sidebar Some peripheral info, links, ads, quotes and more. footer the strip across the bottom of the page that mostly contains the fine print, copyright notices, or contact info. Its like a header…its a place to put common info but that info isnt critical to the wbesite itself.

HTML tags to use to represent such sections(<>)

Header, Nav(nav bar), main(main content with various content subsections represented by article, section, and div) aside(sidebar), and footer.

Javascript Basics

JavaScript is a programming language that adds interactivity to your website. Like in games, the behavior of respones when buttons are pressed or with data entry on forms; with dynamic styling; with animation,etc. Javascript is a powerful programming language that can add interactivity to a website. This language is versatile and beginner-friendly. When you gain more experience youll be able to create games, animated 2D and 3D graphics, apps, and more.

How to start to design a website

What is the first step to designing a website? Decide what website you want to build and selecting the right tool to create one. What is the most important question to answer when designing a Website? The first and most important question has to do with the reason why you’re launching your website to begin with.

Semantics

Why should you use an h1 element over a span element to display a top level heading? H1 tags improve user experience in the sense that they’re part of a web page’s hierarchical structure.

What are the benefits of using semantic tags in our HTML? The semantic HTML tags help the search engines and other user devices to determine the importance and context of web pages.

What is Javascript

Describe 2 things that require JavaScript in the Browser? Add new HTML to the page, change the existing content, modify styles. React to user actions, run on mouse clicks, pointer movements, key presses

How can you add JavaScript to an HTML document? Inline Script: Place directly in an HTML element’s attribute, typically the onclick or onload attribute.

Intro to HTML Questions

1)What is an HTML attribute? HTML attributes are a modifier of an HTML element type. An attribute either modifies the default functionality of an element type or provides functionality to certain element types unable to function correctly without them.

2)Describe the Anatomy of an HTMl element. Opening tag is first, content is second, and closing tag is last

What is the Difference between article and section element tags? Section tag defines sections in a document such as chapters, headers, footers, or any other. Article tag specifies independent, self contained content

What Elements does a “typical” website include? *User friendly website navigation, web design layout, responsive design, content writing, call to action, testimonials, an opt-in offer, story telling, FAQs section, and contact information.