seen from Türkiye
seen from United Kingdom
seen from Germany
seen from United States
seen from Saudi Arabia
seen from United States
seen from United States
seen from Australia
seen from United States
seen from Sweden
seen from Australia
seen from Australia
seen from Malaysia
seen from Pakistan
seen from Türkiye
seen from United Kingdom
seen from Malaysia
seen from United States
seen from Yemen
seen from United States
after a week of studying i've completed my first course about HTML!! so far i've learnt the basic facts and syntax about html, like <!DOCTYPE html>, <html> and <body> on top of any html document you build:)
Forms were the most interesting part to me of that course, it makes the website way more interactive and it's so much fun to play around with it.
My next step is to learn more about CSS and designing the website to my liking. I'm excited!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
HTML Elements & Tags
Element: anything from the start tag to the end tag.
Tag: a piece of markup language that is used to indicate the beginning and end of an html element in an html document.
Example: <p> your text here </p>
<header><;/header> - Represents a container for introductory content or a set of navigation links. Usually contains one or more heading elements (<h1> - <h6>), logo or icon, or authorship information.
<;h#></h#> - header element. The higher the number, the greater the importance. Only use one <h1> element per page. There can only be six. Main topic on a web page. When visitors to your website see the h1's, it draws attention as it stands out the most on the page as it generally appears as a larger font size and in bold.
<p></p> - paragraph. used to create a paragraph of text on websites. Always starts on a new line. A lot of browsers add some white space (a margin) before and after a paragraph.
<;!-- ____: _______ --> - comment. Used to notate code with text that will not appear on the website/browser display. It allows you to make code inactive. You can use them to explain your code, which can help you when you edit the source code at a later date.
<main></main> - an element that identifies a content area. The main element. Specifies the main content of a document. This type of element/tag makes your html easier to read and helps with Sear Engine Optimization and accessibility. Should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms. When you put things inside the main element, this is called nesting. Nesting elements should be placed two spaces further to the right from the element they are nested in. This spacing is called indentation and is used to make html easier to read.
Example: <main> <h1>Tumblr Meme App</h1> <h2>Tumblr Photos</h2> <!-- TODO: Add link to Tumblr photos --> <;p>See more Tumblr memes in our gallery</p> </main>
<img> - used to images to your website. This element has an opening tag without a closing tag. A tag for an element without a closing tag is called a self-closing tag.
{{ under construction }}
HTML5 Semantic Tags: What Are They and How To Use Them! by Jason Barnard (Semrush.com)
In lecture 2, 3 and 4 we looked at HTML. I attended all of the lectures and since then I have re-read the lecture notes, I’ve looked through the material available on Moodle and then I have done my own research online as well in relation to HTML, HTML5 and Semantic HTML.
Initially, I had just thought the HTML was used mainly for formatting and structure, but the more I read about Semantic HTML the more that I see that it is much more than that. This article is really helpful in explaining why Semantic HTML is important and why it should be used when building a website.
From reading this article I understand that Semantic HTML defines specific tags to indicate as clearly as possible what is contained within different areas of content within a website. This Semantic Code helps search engines to determine what information is important, what is less important, and what is for navigation and so on.
I now understand that Div and Span tags are non-semantic or generic unless given a class attribute. While Header, Footer, Nav and Article, among others are semantic elements.
I also found it interesting to read about how screen readers have the ability to make Semantic HTML audible from the visual code.
This article also mentions indexing and algorithmic indexing and how search engines like Google and Bing index websites. Helping search engines to index your website properly will help with your website’s SEO according to Jason.
A link to the article:
https://www.semrush.com/blog/semantic-html5-guide/
The link to Semcrush’s website:
https://www.semrush.com/blog/
How To Add Links In Ao3 (Author's Note Area)
Say you're trying to link some social media account or another fic in your author's note or just anything you want to link. Fear not I will show you the way.
Day 16 - Best Practices
A great place to find all the HTML best practices to write maintainable and scalable code.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
♪♫ For what it's worth, I know it's just a word and words betray...♪♫
Last week we finished our studies in HTML language and started to look through CSS, that coding secret that puts colour, order and style in our web pages. During my exercise coding, I realized that sometimes, if you don't put the right word in the right order and in the right place, your entire code will be wrong (and our friend Validator will look at you as you were a fool!).
As my colleague Courtney explains before me, there's a way to escape those HTML fails: you need to close all your tags, tab all your code and validate while you're coding. It's impossible to be more clear than that.
My next post will probably be about some CSS rules, but let's finish it for now.
Before I go, I have no idea about why I did it, but here we go, I'll share something weird with you. I put the word "HTML" on Spotify search tool and I found out that there's a Spotify Playlist called <DOCTYPE html> and I think everyone gets the right of knowing it (click on the link and have fun!)
i've been learning and practicing all of the basics of html and now i'm going to go into all the perks of css!! that's actually the part i've been looking forward to most, i love design and aesthetic and CSS helps me do that!:) excited
Day 7 - Responsive Images with srcset
To make an image responsive means to switch between different versions of the image so that they are being displayed according to their respective device sizes and resolutions.
srcset, an attribute of img element is used to give urls of different versions of the image and a descriptor so that the browser can display the most appropriate one in a given situation.
Here, descriptor x represents device-pixel-ratio i.e a device with 2x resolution will only display the image associated with 2x.
The src attribute is present for browsers that don't understand srcset.
