Welcome back, this is Lesson 1.1 What is HTML Code ~ Building a Website from Scratch. In this tutorial, I’m going to answer a few questions about what is HTML code. Questions like what is HTML and how is it different from HTML5? Who developed them and why was it developed? When did HTML become available to the public? Where can you use HTML? This tutorial is intended to help beginners get a better understanding of HTML and its uses in front-end web development.
This is an on going online web designing course. These tutorials are for anyone who ever wanted to learn what’s involved in Building a Website from Scratch. Are you looking for Lesson 1.2 How to Install WordPress on Windows 10
Learn Something New Every day
I’m the kind of person that If I’m going to learn a new skill, especially to run an Internet business from home, school, work or anywhere in the world, I’m going to learn every thing I can about the topic. I’m going to get some hands on training while learning my new trade. After I learn enough to start showing you how to do what I’m doing, I’m going to make it as easy as I logically can for you.
What is HTML code?
What is HTML Code Describes
Think of it like building a house, you need to start with a clear lot (property). Afterward, lay down your template and pour your foundation. Once you have a strong solid foundation you can add the drainage, sewage, plumbing and other related items. After you pass your inspection you can add the house skeleton. That’s your external walls, floor plan, and roof.
Now that your house has a completed framework and structure, you can start adding in the electricity, finish off the plumbing, add central air condition and heating (HVAC), wiring for lights, phones, and cable lines. The final stage of building a house happens when you add the insulation, interior drywall, finish the knockout work and pass your final inspections to get a certificate of occupancy.
HTML Code Explained
- Property = Blank Webpage
- Template = Declare Your Document Type. <!DOCTYPE html>
- Foundation = Planning What to Build. (wireframing the look)
- House Skeleton = Add HTML Required Tags. (html, title, head, body)
- Electric & Plumbing = CSS (text color, font size, lay out)
- Inspections = A verity of web browser and code validation test.
- Occupancy = Your Website Presence.
What is HTML5?
Basically, it’s the same as HTML 4 which came out in 1997. But HTML5 gives you much more of an enhanced use out of it. You’ll be using the latest stable version of the markup language. This new version offers new features, fixed bugs, and better productivity.
HTML5 came out in 2008 the released year was 2014. With fast advancement of technology and in badly need of an update, that is the reason for HTML5.
What new in HTML 5
HTML5 offers you a way to create cleaner documents by introducing new tags, elements, access and more.
Some old tags and elements have been deprecated, ejected, or removed from the markup language. I won’t mention them here. Still hanging around is the <div> tag. To really enhance things, CSS3 was made in agreement to work right along with HTML5. You can now create games like you did in Flash, using HTML5, Cavans, CSS3 and 2D/3D animations in the browser. WoW!
Semantic Elements make HTML more meaningful and easier to
design your web page. The list below is an example of some
the new structuring element. When we start to write or first
code I will explain what each element means and its usage.
- new selectors
- Input type
- Form elements
- Automatic validation
HTML5 now includes videos and audio, visual, and other improvements. With this new version of HTML, creating an interactive web page that your visitors can enjoy has become a lot easier. For example, you no longer need a Flash plug-in when incorporating an audio or video. Look what else is new in HTML5.
- Vector graphic
- 2D/3D Transformations
- Mukiti Threading in the Right in the Browser
- Rounded Corners
- Shadow Effects
- Downloadable Fonts
The new storage allows you to work on your web project by way of a localhost environment. You will be able to save your files to a local database even if you don’t have an Internet connection. I’ve added a few of the new storage components to a list. I will be creating a separate tutorial discussing storage.
- Local SQL Databases
- Local File Access
- Web Sockets
- Local data storage
- Application Cache
Meta tags are important for your website/web pages Search Engine Optimization. It tells the bots, spiders, or search engines more important details about what it’s looking at on your site. This can help boost your search engine ranking which is your position. Better search engine position for a better Internet business.
- First put your Meta charset=”UTF-8″>
- Second goes your Meta name=viewport”content=”width=device-width, initial-scale=1.0 />
- Third is you Meta name=”description” content=”This is an on going online web design course about what is HTML code. ” />
- And last will go you Meta name=”author” content=”LeNard Simmons” /.>
Where Did HTML Come From?
Tim Berners-Lee, a British inventor, and computer scientist made a proposal about an idea he had. He wanted to create a network of connected computers from all around the world and name it the World Wide Web. Tim created a language that marked up the document on the user end. The best part, anyone can do the markups, with proper training.
On November 13, 1990, Tim Berners-Lee sent his first document. It was only a short instructional page detailing how to use his creation. There were only a few lines of code and they were readable by humans. He names the language HyperText Markup Language. We are now on Version 5 (HTML5)
The reason Tim created HTML was that he wanted away to share information with his colleagues and other universities.
Learn More About What is HTML Code
How easy is it to learn HTML5? Easy enough that I know young adults, as young as 12 years old who can teach it to older adults. By now, you have a better understanding of what is HTML code. If you have any question, please be sure to ask them. I’m here to help you learn all about web design and development.
- Contact Me
- My HTML Tutorial Located here and at WA (Free to Join and study)
- Search the Internet
What is HTML Code: Lesson 1.1 Conclusion
This will conclude lesson 1.1 of What is HTML Code ~ Building A Websites from Scratch. When we come back, we’re going to jump right into lesson 1.2 How to Install WordPress on Windows 10. We’re be learning about how to setup a local developers environment. Are you ready to start writing in code? Good, because first, we will learn the fundamentals as we learn how to build a website from scratch.
Start Lesson 1.2 How to Install WordPress on Windows 10
That’s all for now. If you like this post, kindly hit the like button and share it with anyone you can think of that will benefit from it. If you have any questions, opinion, comments, or feedback, please leave them in the comment section down below. Thank you and God bless you.
My true feeling about creating a website by hand coding it; It’s like a Thanksgiving meal. Not just any kind of turkey day dinner. More like the kind grand mom’s cook; Make it from scratch she used to tell us. You’ll put more love into a home-cooked meal she would say. I guess I’m kind of old spirited and like creating things the old fashion way. Build them to last a life time. ~ LeNard’s View ~