HTML (Hypertext Markup Language)<\/strong>: is a markup language used to tell your browser how to structure web pages<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n HTML comments<\/strong><\/p>\n\n\n\n The metadata<\/strong> of a document is located in the Unordered lists Hyperlinks<\/strong> allow us to link our webpage to another webpage by clicking on them<\/p>\n\n\n\n Intro to HTML HTML (Hypertext Markup Language): is a markup language used to tell your browser how to structure web pages HTML comments Metadata The metadata of a document is located in the <head> element, describing the data that\u2019s in the rest of the document, a summary of the website that helps search engines find it HTML Text Fundamentals … Continue reading Course Notes: HTML Basics<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"parent":3680,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3661","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/comments?post=3661"}],"version-history":[{"count":6,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3661\/revisions"}],"predecessor-version":[{"id":4286,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3661\/revisions\/4286"}],"up":[{"embeddable":true,"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/pages\/3680"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/advweb\/wp-json\/wp\/v2\/media?parent=3661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
<<\/code>tags><\/code>\u00a0name of the element enclosed in angle brackets<\/li>\n\n\n\n<\/<\/code>tags><\/code>: same as an opening but with a forward slash before the name of the element, signaling the end of the element<\/li>\n\n\n\n\n
<p><\/code>\u00a0paragraph element, text<\/li>\n\n\n\n<img><\/code>\u00a0embedded image file<\/li>\n\n\n\n<a><\/code>\u00a0\u201canchor\u201d hyperlink<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n\n
class=<\/code>\u00a0gives the element style specifications<\/li>\n\n\n\nhref=<\/code>\u00a0gives the hyperlink a destination for the bowser to navigate to when clicked<\/li>\n\n\n\ntitle=<\/code>\u00a0extra information about the link, appears as a tooltip when hovered over<\/li>\n\n\n\ntarget=<\/code>\u00a0specifies how the link should be displayed (ex:\u00a0target=\u201dblank\u201d<\/code>\u00a0displays the link in a new tab)<\/li>\n\n\n\ndisabled<\/code>\u00a0that doesn\u2019t need a value<\/li>\n<\/ul>\n<\/li>\n\n\n\n\n
<!DOCTYPE html><\/code>\u00a0the doctype specifies that this is page is coded using HTML<\/li>\n\n\n\n\n
<html><\/code>\u00a0root element, contains all of the content of the entire document<\/li>\n\n\n\n<head><\/code>\u00a0container for the information you don\u2019t want to be visible to the user, includes a page\u2019s description<\/li>\n\n\n\n<title><\/code>\u00a0title of your page, appears in the browser tab<\/li>\n\n\n\n<body><\/code>\u00a0container for the all of the page\u2019s content, visible to the user<\/li>\n<\/ul>\n<\/li>\n\n\n\n\n
\n
<!--<\/code> and --><\/code> create text that is invisible to the user, does not affect the rendering of the code, and is only visible when looking at the code.<\/li>\n\n\n\n<!--Comments--><\/code> allow you to write notes in the code to yourself, or to other developers, and can help keep your code easy to navigate.<\/li>\n<\/ol>\n\n\n\nMetadata<\/h2>\n\n\n\n
<head><\/code> element, describing the data that\u2019s in the rest of the document, a summary of the website that helps search engines find it<\/p>\n\n\n\n\n
<title><\/code> title that appears in the browser tab, metadata that represents the title of the overall document<\/li>\n\n\n\n<meta><\/code> element\n\n
\n
<meta charset=\u201dutf-8\u201d><\/code> sets the character set your document you should use to UTF-8, includes most characters from the majority of written languages<\/li>\n\n\n\n\n
name= \"author\"<\/code> specifying an author gives credit to who wrote the page<\/li>\n\n\n\nname= \"description\"<\/code> giving a description that include keywords relating to your page\u2019s content that help search engines find your website, this is useful in increasing a page\u2019s SEO<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<title><\/code><\/li>\n\n\n\n\n
<html lang=\u201den-US\u201d><\/code> sets the language of the entire document to American English<\/li>\n\n\n\n<span lang=\u201dja\u201d>\u3054\u98ef\u304c\u71b1\u3044<\/span><\/code> sets the language in-between the span tags to Japanese<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\nHTML Text Fundamentals<\/h2>\n\n\n\n
\n
\n
<h1><\/code><h2><\/code><h3><\/code><h4><\/code><h5><\/code><h6><\/code>\n\n
<h1><\/code> is the largest header element, should only be used once as a title with the other header elements below it in hierarchy<\/li>\n\n\n\n<h2><\/code> should be used to represent sub-subheadings<\/li>\n<\/ul>\n<\/li>\n\n\n\n
<ul>
<li> This is a bullet list<\/li>
<li> where order is not important<\/li>
<li> so bullets or other shapes are used<\/li>
<\/ul>
Ordered lists
<ol>
<li>This is a numbered list<\/li>
<li>where order is important<\/li>
<li>so numbers are used<\/li>
<\/ol>
Nesting lists
<ul>
<li>This is a nested list<\/li>
<ol>
<li>where there is<\/li>
<li>an ordered list<\/li>
<\/ol>
<li>inside of an unordered list<\/li>
<\/ul><\/p>\n\n\n\n\n
Tags to know: <\/span> <\/b><\/i><\/em><\/strong>\n\n
Hyperlinks<\/h2>\n\n\n\n
\n
\n
<a><\/code> element and give it a href=\u201cwww.url.com\u201d<\/code> to give the link a destination target<\/li>\n\n\n\ntitle=<\/code> attribute to specify information about the link or what kind of information is in the linked website<\/li>\n\n\n\n<img><\/code> image tag inside of an <a><\/code> anchor tag<\/li>\n<\/ul>\n<\/li>\n\n\n\n\n
<a href=\u201cfilename.html\u201d><\/code><\/li>\n\n\n\n<a href=\u201csubfolder\/filename.html\u201d><\/code><\/li>\n\n\n\n<a href=\u201c..\/filename.html\u201d<\/code><\/li>\n\n\n\n\n
<a href=\u201cfilename.html#portion_id\u201d><\/code> to link directly to a specific ID section within a document<\/li>\n\n\n\n<a href=\u201c#portion_id\u201d><\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n\n
\n
\n
<a href=\u201dmailto:email@gmail.com\u201d><\/code><\/li>\n\n\n\nmailto:<\/code> opens an outgoing email window with the to: destination already filled in<\/li>\n\n\n\ncc=<\/code> fills the CC line (send a public copy of the email)<\/li>\n\n\n\nbcc=<\/code> fills the BCC line (send a private copy of the email)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"