This document provides an overview of HTML basics and introduces key HTML tags and concepts. It discusses how to write HTML code using a text editor, view web pages, and format text using tags like <b>, <i>, and <h1-h6>. It also covers inserting comments, paragraphs, and line breaks to structure pages. The goal is to teach web designers the basic building blocks of HTML to create simple web pages.
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
HTML is the backbone of Internet. Learn the basics of HTML, you can create your own website.
If you have any doubt contact me for more details. WhatsApp:8008877940
This is a presentation on HTML from a series of works on the concept of library automation, a training course for Library and Information Science students
April 2014- Here is a session I did at The Iron Yard in Durham for their one of their kids classes. We dove into HTML basics and the kids wrote some of their first lines of code.
HTML is the backbone of Internet. Learn the basics of HTML, you can create your own website.
If you have any doubt contact me for more details. WhatsApp:8008877940
This is a presentation on HTML from a series of works on the concept of library automation, a training course for Library and Information Science students
April 2014- Here is a session I did at The Iron Yard in Durham for their one of their kids classes. We dove into HTML basics and the kids wrote some of their first lines of code.
Prezentacija "Robotika" za 5. razred osnovne škole, predmet "Tehničko i informatičko obrazovanje".
Vesna Anđelković, Osnovna škola "Dragiša Luković Španac" Kragujevac
A complete guide of optimizing Magento performance systematically, including LAMP(Linux, Apache, MySQL, PHP) optimization, tuning inside Magento and useful tools.
How To Launch A Product: 7 Tips To Drive DemandDrift
Whether you're a product marketer, growth marketer or customer marketer, you'll be able to use the 7 steps in this guide to nail your next product launch and drive demand.
Building Universal Applications with Angular 2Minko Gechev
Angular is one of the most popular frameworks for the development of Single-Page Applications (SPA). Recently Google announced its second major version, which brings some brand new ideas and improvements. For instance, Angular 2 is written in TypeScript, has much faster change detection and allows development of universal (isomorphic) applications.
In this talk we're going to introduce the motivation behind the new design decisions and the improvements in Angular 2. We'll take a look at the building blocks the framework provides for the development of professional single-page applications.
The SlideShare 101 is a quick start guide if you want to walk through the main features that the platform offers. This will keep getting updated as new features are launched.
The SlideShare 101 replaces the earlier "SlideShare Quick Tour".
This is my slide deck from my session at the North Carolina Reading Conference last week in Raleigh, NC. I do staff development to schools and districts all over the country about best practices in literacy instruction. This topic is one of my most requested.
How to Become a Thought Leader in Your NicheLeslie Samuel
Are bloggers thought leaders? Here are some tips on how you can become one. Provide great value, put awesome content out there on a regular basis, and help others.
This guide was designed to teach beginner web designers and programmers how to use HTML.:D This guide is aimed to give newbies a little experience in writing HTML code, saving their files correctly, and viewing the completed works in a web browser. HTML may seem confusing or boring at first, but we will help you understand how it works and by the end of the book you would be told about how to make your first web home page for your website.
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Delivering Micro-Credentials in Technical and Vocational Education and TrainingAG2 Design
Explore how micro-credentials are transforming Technical and Vocational Education and Training (TVET) with this comprehensive slide deck. Discover what micro-credentials are, their importance in TVET, the advantages they offer, and the insights from industry experts. Additionally, learn about the top software applications available for creating and managing micro-credentials. This presentation also includes valuable resources and a discussion on the future of these specialised certifications.
For more detailed information on delivering micro-credentials in TVET, visit this https://tvettrainer.com/delivering-micro-credentials-in-tvet/
Thinking of getting a dog? Be aware that breeds like Pit Bulls, Rottweilers, and German Shepherds can be loyal and dangerous. Proper training and socialization are crucial to preventing aggressive behaviors. Ensure safety by understanding their needs and always supervising interactions. Stay safe, and enjoy your furry friends!
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
How to Add Chatter in the odoo 17 ERP ModuleCeline George
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
16. How will the following examples of text be displayed by a Web browser? <b>How would this text look different?</b> bolded text (deprecated) <strong>Does this look any different?</strong> strong or bolded text <i>How would this text be displayed?</i> italicized text (deprecated) <em>Same as italicized?</em> italicized text <u>This tag might be useful for titles.</u> underlined text <body text=red>How would this tag change things?</body> text color would be red
17.
18.
19. To force the browser to place text on the next line use the “break” tag <br>
Post one or more of these questions in an area where students can read them and allow time for students to respond to the questions. Discuss the student answers these questions.
Review the definition of HTML with students from the text and describe that the tools needed to create a Web page or site can be as simple as a text editor application to a more complex Web design application. Explain to the students that we will be using a very simplistic word processing application called “Notepad” to create our first Web pages with HTML.
Web pages are viewed using a Web browser. The current most popular Web browsers include Internet Explorer, Mozilla Firefox, Netscape Navigator, and Apple Safari. Discuss the fact that an individual Web page may appear differently when viewed in each of these Web browsers due to the way that each browser renders the page.
Take this time to talk about the use of tags in the code that the students have copied. Identify the use of opening <html> and corresponding </html> tag. Identify the <title> and </title> as well as the <body> and </body> tags. Also discuss the idea of nesting these tags within the code.
Once students have copied the code into their word processing document, have them save the document as “tags.html.” The extension .html will identify this file as one to be opened by a Web site browser. Once the students have the file saved, ask them to go to the file on their computer (or other location where the file is saved) and open it.
Discuss how the <head> tag creates a container to hold the text to be displayed. The <title> tag creates the title of the Web page which is found on the browser tab. The <body> tag is the main portion of the Web page. Point out the proper use of nesting of the tags.Discuss what looks different about the Web page than what might have been expected. Lead the students to identify that the Web browser ignores the extra line spacing that was entered and create the entire body as one block of text instead of the two blocks of text that was entered into the original document.
Discuss that tags tell the browser how to display text and ask students to identify how they think the following examples of text would be displayed by a browser. (Note: For purposes of practicing the concepts of tags and for creating a few beginner Web pages, this text includes a few elements that were commonly used in earlier versions of HTML, but no longer meet the most recent HTML standards. Elements no longer supported by the most current version of HTML are referred to as “deprecated.” We will note these deprecations where they appear.)<b>How would this text look different?</b> bolded text (deprecated)<strong>Does this look any different?</strong> strong or bolded text<i>How would this text be displayed?</i> italicized text (deprecated)<em>Same as italicized?</em> italicized text<u>This tag might be useful for titles.</u> underlined text<body text=red>How would this tag change things?</body> text color would be redIf students are struggling with identifying the effect of each tag, have them add the code to their document so that they can visually see the differences.
Discuss that text can also be altered in its size. The use of a height tag will alter the size of the text.
Discuss that a browser ignores the use of the “enter” key. The extra space in our example did not show in the Web browser. Explain that the use of a break tag <br> will place text on the next line. Explain that no ending tag is needed. How students place a break tag after the phrase “easy to learn and use.” Now ask student to view their html document again. (Note: This would be a good time to explain the use of the refresh button for viewing a Web page.)
Discuss the difference between a “break” tag and a “paragraph” tag. A break tag places the following text on the next line. A paragraph tag places the text in a block, thus creating a paragraph. Ask students to remove the break tag they just created and place a beginning paragraph tag <p> right after the body tag <body> and place a closing paragraph tag </p> after the phrase “easy to learn and use.” Have students refresh their Web page to see the result.
Discuss the process of creating a comment. Ask students why someone creating a Web page would want to use a comment. Explain that comments are created using the following coding and are not displayed when viewing a Web page. <!--This is an example of a comment.-->
Review concepts covered if needed with the students and discuss the practice activity.