{"id":410,"date":"2020-06-30T16:07:51","date_gmt":"2020-06-30T19:07:51","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=410"},"modified":"2020-07-01T21:31:45","modified_gmt":"2020-07-02T00:31:45","slug":"listas-html","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/listas-html\/","title":{"rendered":"Listas HTML"},"content":{"rendered":"

As listas HTML permitem que os desenvolvedores da Web agrupem um conjunto de itens relacionados nas listas.<\/p>\n

Veja um exemplo simples de lista<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<body>\r\n\r\n<h2>Lista 1<\/h2>\r\n\r\n<ul>\r\n  <li>Coffee<\/li>\r\n  <li>Tea<\/li>\r\n  <li>Milk<\/li>\r\n<\/ul>  \r\n\r\n<h2>Lista 2<\/h2>\r\n\r\n<ol>\r\n  <li>Coffee<\/li>\r\n  <li>Tea<\/li>\r\n  <li>Milk<\/li>\r\n<\/ol> \r\n\r\n<\/body>\r\n<\/html><\/pre>\n


<\/center>\n
Veja mais um modelo de lista<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<body>\r\n\r\n<h2>Descri\u00e7\u00e3o<\/h2>\r\n\r\n<dl>\r\n  <dt>Coffee<\/dt>\r\n  <dd>- black hot drink<\/dd>\r\n  <dt>Milk<\/dt>\r\n  <dd>- white cold drink<\/dd>\r\n<\/dl>\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n


<\/center>\n
 <\/p>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n