HTML& CSS for Beginners
eBook - ePub

HTML& CSS for Beginners

Learn the Fundamentals of Computer Programming

Jo Foster

Share book
  1. English
  2. ePUB (mobile friendly)
  3. Available on iOS & Android
eBook - ePub

HTML& CSS for Beginners

Learn the Fundamentals of Computer Programming

Jo Foster

Book details
Book preview
Table of contents
Citations

About This Book

With so much information about web development and online coding tutorials out there, it can be difficult to know where to start.

Many guides, websites and books can be confusing and don't make it easy for those starting out. HTML & CSS For Beginners fills in the gap and provides a great place to start learning something new.

Using our bestselling, straightforward, step-by-step, visual approach, learn to

Understand HTML tags and elements

Understand CSS selectors

Style tables, lists, and forms

Style text, headings and paragraphs

Learn to use web safe fonts and google fonts in your web pages

Insert images, audio and video into web pages

Align your content and build site structure using new HTML5 elements

Learn to harness the power of CSS to style your text and build your site layout

Understand web servers and how the serve pages to web browsers

Familiarise yourself with HTML & CSS syntax with appendix reference guides to help you write your code.

Techniques are illustrated step-by-step using full color diagrams and screen prints throughout together with clear and concise tutorials from an established expert in the field.

If you want to learn to code quickly and easily, this is the guide you need.

Frequently asked questions

How do I cancel my subscription?
Simply head over to the account section in settings and click on “Cancel Subscription” - it’s as simple as that. After you cancel, your membership will stay active for the remainder of the time you’ve paid for. Learn more here.
Can/how do I download books?
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
What is the difference between the pricing plans?
Both plans give you full access to the library and all of Perlego’s features. The only differences are the price and subscription period: With the annual plan you’ll save around 30% compared to 12 months on the monthly plan.
What is Perlego?
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Do you support text-to-speech?
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Is HTML& CSS for Beginners an online PDF/ePUB?
Yes, you can access HTML& CSS for Beginners by Jo Foster in PDF and/or ePUB format, as well as other popular books in Computer Science & Programming in HTML. We have over one million books available in our catalogue for you to explore.

Information

Publisher
Elluminet Press
Year
2022
ISBN
9781913151706
Topic
Computer Science
Subtopic
Programming in HTML
Index
Computer Science

Getting Started with HTML

In this chapter we’ll build a very simple web page using common text formatting tags, we’ll add some images, links, tables, and lists.
This will provide you with a foundation and basic structure of a web page using HTML, which you can build on later.
In the chapter we’ll walk through the process from blank, and build a page using the different tags.

Setting Up

For the exercises in this chapter we will be using notepad and a web browser.
First open up your file explorer, go to your documents folder and create a new folder called public_html.
Next, open up your text editor. I’m going to use notepad. Go to ‘file’ and click ‘save as’.
From the dialog box, navigate to your ‘documents’ folder and select public_html.
In the ‘file name’ field, enter the name of your web page. Make sure the file extension is .html
index.html
Open up your file explorer, navigate to your documents folder, then public_html, as before, and double click index.html to open it in your web browser.
Index.html is the default file that is usually loaded when navigating to a website address.
Arrange your windows side by side, put notepad on the left and your web browser next to it on the right; as they are on the opposite page. You may need to resize your windows.
Every time you make any changes to your file in notepad, you’ll need to save the file, then click the refresh icon in your web browser.
Lets get started.

Tags for Formatting Text

As you can see in the illustration below, the text in the <title> tags appear on the title tab in the web browser, and anything between the <body> tags appear in the browser window.
HTML tags label the pieces of your web page, such as headings, text formatting with bold or italic, paragraphs, images, links, and tables.
Lets have a look at some simple formatting tags
Main Heading Style <h1>...</h1>
Subheading Style <h2>...</h2>
Bold Text <b>...</b>
Italic Text <i>...</i>
Paragraph Text <p>...</p>
Most tags come in pairs and you’ll need to surround the piece of text or word using the start and end tags.
For ex...

Table of contents