Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


Introdução HTML Cheatsheet, Resumos de Introdução à Computação

Organiza-se por seções: elementos básicos (parágrafos, headings, listas, links, imagens), estrutura do documento (DOCTYPE, html, head, body, header, main, section, article, footer), atributos (class, id, style), formulários (form, input, validações, textarea, label) e conceitos de hierarquia (parent, child, siblings). Inclui exemplos práticos e explicações sucintas voltadas ao uso técnico.

Tipologia: Resumos

2024

À venda por 06/04/2026

jzpicolo
jzpicolo 🇧🇷

7 documentos

1 / 4

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
HTML: Elements
<p> </p> <!-- paragraph -->
<body> </body>
<!-- defines an html document
“body" -->
OBS: there can be only one <body> in
an html file.
There are six levels of section
headings <h1> to <h6>
<h1> </h1>
<!-- usually used only one time
in the file, in the <header> -->
<br>
<!-- break tag = adds a line
break / a self-closing tag -->
Elements <p>Hello World!</p>
Good to know, but not used anymore.
<b> </b> <!-- Bold -->
<i> </i> <!-- Italicize -->
<u> </u> <!-- Underline -->
<s> </s> <!-- Strikethrough -->
<strong> </strong>
<!-- used to convey the content
inside is important -->
Text Formatting Elements
<ul> </ul> <!-- Unordered list =
bullet points -->
<ol> </ol> <!-- Ordered list =
numbered list -->
<li> </li> <!-- List item element =
goes inside <ol> and <ul> -->
<ul>
<li>The Origins I: HTML</li>
<li>The Origins II: CSS</li>
</ul>
Lists
<a href=" “> </a>
<!-- <a> is an anchor element
+ href = a pointer to another
website that is linked in the
html -->
*can be also used to:
<a href=“mailto: “> </a>
<a href=“tel: “> </a>
<a href=“sms: “> </a>
<img src=" ">
<!-- image element + source
attribute that specifies the
file path of the image /
self-closing tag -->
Links
Notes
pf3
pf4

Pré-visualização parcial do texto

Baixe Introdução HTML Cheatsheet e outras Resumos em PDF para Introdução à Computação, somente na Docsity!

HTML:

Elements

OBS: there can be only one in an html file. There are six levels of section headings to

Elements

Hello World!

Good to know, but not used anymore.

Text Formatting Elements

The Origins I: HTML The Origins II: CSS

Lists

_

Links

Notes

HTML:

Structure

<!-- assign text to the tab in the browser -->

OBS: and should begin with a heading element. You CAN nest an within another = usually done if there is a piece of standalone markup within a single piece of content.

  • and are children of
  • is the parent
  • is the child of <head>
  • <i> is child of <p> and grandkid of <body>
  • Siblings share a direct parent element, like <li>: <ol> <li> </li> <li> </li> </ol>

HTML Structure

Family Tree

Most common way of creating sections for a page; — Kind of like a generic container with no particular meaning + label with class and id Example: <div class=“page-section” id=“about-me”> <h2>About Me</h2> <p> </p> </div>

<div> Division element

HTML:

Forms

Form

types:

Input Validations

interactive control for entering data + self-closing tag type : used to determine the kind of input to use

types:

Input

Checkbox & Radio

for attribute MUST match the ID of a given element.