HTML Basic Concept

An overview:

  • HTML provides the basic structure of sites, which is enhanced and modified by other technologies like CSS and JavaScript.
  • CSS is used to control presentation, formatting, and layout.
  • JavaScript is used to control the behavior of different elements.

Now, let’s go over each one individually to help you understand the roles each plays on a website and then we’ll cover how they fit together. Let’s start with good ol’ HTML.

HTML

HTML is at the core of every web page, regardless the complexity of a site or number of technologies involved. It’s an essential skill for any web professional. It’s the starting point for anyone learning how to create content for the web. And, luckily for us, it’s surprisingly easy to learn.null

Let me show you what I mean. Take a look at the article below. If I were to ask you to label the types of content on the page, you’d probably do pretty well: There’s the header at the top, then a subheader below it, the body text, and some images at the bottom followed by a few more bits of text.

magazine-page-example

Markup languages work in the same way as you just did when you labeled those content types, except they use code to do it — specifically, they use HTML tags, also known as “elements.” These tags have pretty intuitive names: Header tags, paragraph tags, image tags, and so on.

Every web page is made up of a bunch of these HTML tags denoting each type of content on the page. Each type of content on the page is “wrapped” in, i.e. surrounded by, HTML tags.

For example, the words you’re reading right now are part of a paragraph. If I were coding this web page from scratch (instead of using the WYSIWG editor in HubSpot’s COS), I would have started this paragraph with an openingparagraph tag: <p>. The “tag” part is denoted by open brackets, and the letter “p” tells the computer that we’re opening a paragraph instead of some other type of content.

Once a tag has been opened, all of the content that follows is assumed to be part of that tag until you “close” the tag. When the paragraph ends, I’d put a closing paragraph tag: </p>. Notice that closing tags look exactly the same as opening tags, except there is a forward slash after the left angle bracket. Here’s an example:

<p>This is a paragraph.</p>

Using HTML, you can add headings, format paragraphs, control line breaks, make lists, emphasize text, create special characters, insert images, create links, build tables, control some styling, and much more.

To learn more about coding in HTML, I recommend checking out our guide to basic HTML, and using the free classes and resources on codecademy — but for now, let’s move on to CSS.

 

3.313 comments

  1. like this Can Gums Regenerate

    It’s hard to find knowledgeable people on this topic, but you seem like you know what you’re talking about!

    Thanks

  2. more tips here Does The Porsche Taycan Use Ccs

    Hey there! Would you mind if I share your blog with
    my myspace group? There’s a lot of folks that
    I think would really appreciate your content.
    Please let me know. Many thanks

  3. 먹튀검증

    This site definitely has all the information and facts I wanted concerning this subject and didnít know who to ask.

  4. Joekam

    [url=https://metformindrug.com/]metformin with no prescription[/url] [url=https://viagrasr.com/]viagra online no prescription canada[/url] [url=https://viagrasildenafilotc.com/]sildenafil uk 100mg[/url] [url=https://zyloprimallopurinol.com/]where to buy cheap allopurinol[/url]

  5. i thought about this Treat Receding Gums Naturally

    After looking at a few of the blog articles on your website, I honestly like your technique of blogging.
    I book marked it to my bookmark site list
    and will be checking back soon. Please visit my web site
    as well and let me know your opinion.

  6. continue reading this What Helps Regenerate Gums

    Hey there! I just wanted to ask if you ever have any issues with hackers?
    My last blog (wordpress) was hacked and I ended up losing
    many months of hard work due to no back up. Do you have any solutions to
    stop hackers?

  7. windows original price

    Hiya, I am really glad I have found this information. Today bloggers publish only about gossips and internet and this is really irritating. A good web site with exciting content, this is what I need. Thank you for keeping this web site, I’ll be visiting it. Do you do newsletters? Cant find it.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *