Referência de UI HTML / CSS / React
Uma referência pesquisável de elementos HTML e propriedades CSS comuns, com descrições curtas e precisas em inglês e japonês.
64 entries
| Name | Description |
|---|---|
<html> | Root element of an HTML document. |
<head> | Container for document metadata not shown on the page. |
<title> | Document title shown in the browser tab and search results. |
<meta> | Metadata such as charset, viewport and description. |
<link> | Links an external resource such as a stylesheet. |
<style> | Embeds CSS inside the document. |
<script> | Embeds or loads executable JavaScript. |
<body> | The visible content of the document. |
<header> | Introductory content or navigation for a page or section. |
<nav> | A section of navigation links. |
<main> | The dominant content of the document; one per page. |
<section> | A thematic grouping of content, usually with a heading. |
<article> | Self-contained content that can stand alone, like a blog post. |
<aside> | Content tangentially related to the main content, like a sidebar. |
<footer> | Footer for a page or section, often with copyright info. |
<h1–h6> | Headings, level 1 (most important) through level 6. |
<p> | A paragraph of text. |
<a> | A hyperlink to another page, file or anchor. |
<strong> | Important text, typically rendered bold. |
<em> | Emphasized text, typically rendered italic. |
<small> | Side comments and small print. |
<code> | A short fragment of computer code, in monospace. |
<pre> | Preformatted text; whitespace and line breaks are preserved. |
<blockquote> | A section quoted from another source. |
<hr> | A thematic break, rendered as a horizontal rule. |
<br> | A single line break. |
<ul> | An unordered (bulleted) list. |
<ol> | An ordered (numbered) list. |
<li> | A list item inside ul, ol or menu. |
<dl> | A description list of terms and descriptions. |
<dt> | A term inside a description list. |
<dd> | A description inside a description list. |
<table> | Tabular data arranged in rows and columns. |
<thead> | Groups the header rows of a table. |
<tbody> | Groups the body rows of a table. |
<tr> | A row of cells in a table. |
<th> | A header cell in a table. |
<td> | A data cell in a table. |
<caption> | A title for a table. |
<form> | A section of controls submitted to a server or handled by script. |
<input> | A typed data field: text, number, checkbox, file and more. |
<button> | A clickable button. |
<select> | A drop-down list of options. |
<option> | An option inside a select element. |
<textarea> | A multi-line text input. |
<label> | A caption bound to a form control. |
<fieldset> | Groups related form controls. |
<legend> | A caption for a fieldset. |
<img> | Embeds an image; alt text describes it for accessibility. |
<picture> | Container for multiple image sources chosen by the browser. |
<figure> | Self-contained media with an optional caption. |
<figcaption> | A caption for a figure. |
<video> | Embeds a media player for video. |
<audio> | Embeds a media player for audio. |
<source> | Specifies a media resource for picture, video or audio. |
<iframe> | Embeds another HTML page inside this one. |
<canvas> | A bitmap area drawable with JavaScript. |
<svg> | Embeds scalable vector graphics. |
<div> | A generic block-level container with no meaning of its own. |
<span> | A generic inline container with no meaning of its own. |
<details> | A disclosure widget the user can open and close. |
<summary> | The visible heading of a details element. |
<dialog> | A dialog box, modal or non-modal. |
<template> | Markup held inert until cloned by script. |
Como usar
Switch between the HTML elements and CSS properties tabs, and type in the search box to filter instantly. The HTML table covers about 60 common elements with one-line descriptions; the CSS table covers about 60 common properties with their syntax, typical values and a description. Search matches names and descriptions in both languages.
Observações
This is a quick-reference extract of everyday items, not a complete specification. For exact definitions and browser support, check a primary source such as MDN Web Docs. The data is bundled with the page and the search runs locally in your browser.
Perguntas frequentes
Some elements and properties are missing
Yes — this is a curated extract of common items. Rare elements, experimental features and SVG/MathML-specific elements are not included.
Does it cover React syntax?
This page is an HTML/CSS reference. React-specific syntax such as className is out of scope, but the underlying HTML and CSS knowledge applies directly.