{"id":147,"date":"2019-01-16T23:04:49","date_gmt":"2019-01-16T21:04:49","guid":{"rendered":"http:\/\/tutorial.bernatcortina.cat\/?page_id=147"},"modified":"2019-01-16T23:04:49","modified_gmt":"2019-01-16T21:04:49","slug":"contingut-basic","status":"publish","type":"page","link":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/","title":{"rendered":"Contingut b\u00e0sic"},"content":{"rendered":"

Llistat complert d\u2019elements HTML – https:\/\/www.w3schools.com\/tags\/default.asp<\/a><\/p>\n

1.\u00a0\u00a0 Par\u00e0grafs<\/h1>\n

Un par\u00e0graf \u00e9s un grup d’una o m\u00e9s oracions que formen una unitat i suporten una idea central. L’element p<\/strong> \u00e9s el responsable de marcar un par\u00e0graf en HTML.<\/p>\n

Exemple. Un simple par\u00e0graf, seguint la seq\u00fc\u00e8ncia: etiqueta d’obertura, contingut i etiqueta de tancament<\/em>.<\/p>\n

\"\"<\/p>\n

2.\u00a0\u00a0 Llistes<\/h1>\n

L\u2019HTML t\u00e9 mecanismes per incloure tres tipus<\/strong> diferents de llista en un document. Aquests s\u00f3n: llistes ordenades (ol), llistes no ordenades (ul) i llistes de descripcions (dl)<\/strong>.<\/p>\n

Llistes ordenades i no ordenades<\/h2>\n

L’estructura de les llistes ordenades i no ordenades \u00e9s b\u00e0sicament la mateixa, i consisteix d’un contenidor amb \u00edtems<\/strong>. L’\u00fanica cosa que canvia en aquests dos tipus de llista \u00e9s l’element contenidor, que \u00e9s <ol> per a llistes ordenades i <ul> per llistes no ordenades. Els \u00edtems s\u00f3n inserits amb l’element <li>.<\/p>\n

Les llistes ordenades donen import\u00e0ncia a l’ordre en que els \u00edtems s\u00f3n declarats, mentre que per a les llistes no ordenades l’ordre \u00e9s irrellevant.<\/p>\n

Exemple. Dues llistes, una ordenada i l\u2019altra no.<\/em><\/p>\n

\"\"<\/p>\n

Llistes de descripcions<\/h2>\n

Una llista de descripcions, pr\u00e8viament coneguda com a llista de definicions, \u00e9s una estructura que consisteix en noms i valors, que normalment guarden algun tipus de relaci\u00f3. L’associaci\u00f3 de noms i valors<\/strong> en les llistes de descripcions \u00e9s arbitr\u00e0ria i pot consistir d’un nom estant associat a un o m\u00e9s valors i viceversa. Aquesta associaci\u00f3 dep\u00e8n exclusivament de l’ordre i la posici\u00f3 dels \u00edtems, estant els valors sempre associats a l’\u00faltim nom que els precedeix.<\/p>\n

\"\"<\/p>\n

Llistes niuades (anidadas<\/em>)<\/h2>\n

Les llistes d’HTML poden ser niuades en m\u00faltiples configuracions. La idea \u00e9s: qualsevol \u00edtem de llistes<\/strong> ordenades o no ordenades pot contenir una llista<\/strong>; i qualsevol valor d’una llista de descripcions pot contenir una llista. Amb aquest esquema pots fer gaireb\u00e9 qualsevol tipus de combinaci\u00f3.<\/p>\n

Exemple. Crearem una llista ordenada amb dos \u00edtems, on el primer d’aquests \u00edtems ha de contenir una llista no ordenada.<\/em><\/p>\n

\"\"<\/em><\/p>\n

 <\/p>\n

Fitxer d’exemple: contingut_basic.html<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Llistat complert d\u2019elements HTML – https:\/\/www.w3schools.com\/tags\/default.asp 1.\u00a0\u00a0 Par\u00e0grafs Un par\u00e0graf \u00e9s un grup d’una o m\u00e9s oracions que formen una unitat i suporten una idea central. L’element p \u00e9s el responsable de marcar un par\u00e0graf en HTML. Exemple. Un simple par\u00e0graf, seguint la seq\u00fc\u00e8ncia: etiqueta d’obertura, contingut i etiqueta de tancament. 2.\u00a0\u00a0 Llistes L\u2019HTML t\u00e9 … <\/p>\n

Continua llegint \u00abContingut b\u00e0sic\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":65,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-147","page","type-page","status-publish","hentry"],"yoast_head":"\nContingut b\u00e0sic | HTML & CSS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contingut b\u00e0sic | HTML & CSS\" \/>\n<meta property=\"og:description\" content=\"Llistat complert d\u2019elements HTML – https:\/\/www.w3schools.com\/tags\/default.asp 1.\u00a0\u00a0 Par\u00e0grafs Un par\u00e0graf \u00e9s un grup d’una o m\u00e9s oracions que formen una unitat i suporten una idea central. L’element p \u00e9s el responsable de marcar un par\u00e0graf en HTML. Exemple. Un simple par\u00e0graf, seguint la seq\u00fc\u00e8ncia: etiqueta d’obertura, contingut i etiqueta de tancament. 2.\u00a0\u00a0 Llistes L\u2019HTML t\u00e9 … Continua llegint \u00abContingut b\u00e0sic\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML & CSS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bernatcortina\" \/>\n<meta property=\"og:image\" content=\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@bernatcortina\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/\",\"url\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/\",\"name\":\"Contingut b\u00e0sic | HTML & CSS\",\"isPartOf\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png\",\"datePublished\":\"2019-01-16T21:04:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage\",\"url\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png\",\"contentUrl\":\"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\/\/tutorial.bernatcortina.cat\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Contingut b\u00e0sic\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorial.bernatcortina.cat\/#website\",\"url\":\"https:\/\/tutorial.bernatcortina.cat\/\",\"name\":\"HTML & CSS\",\"description\":\"Fonaments d'HTML i full d'estils\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorial.bernatcortina.cat\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contingut b\u00e0sic | HTML & CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/","og_locale":"ca_ES","og_type":"article","og_title":"Contingut b\u00e0sic | HTML & CSS","og_description":"Llistat complert d\u2019elements HTML – https:\/\/www.w3schools.com\/tags\/default.asp 1.\u00a0\u00a0 Par\u00e0grafs Un par\u00e0graf \u00e9s un grup d’una o m\u00e9s oracions que formen una unitat i suporten una idea central. L’element p \u00e9s el responsable de marcar un par\u00e0graf en HTML. Exemple. Un simple par\u00e0graf, seguint la seq\u00fc\u00e8ncia: etiqueta d’obertura, contingut i etiqueta de tancament. 2.\u00a0\u00a0 Llistes L\u2019HTML t\u00e9 … Continua llegint \u00abContingut b\u00e0sic\u00bb","og_url":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/","og_site_name":"HTML & CSS","article_publisher":"https:\/\/www.facebook.com\/bernatcortina","og_image":[{"url":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@bernatcortina","twitter_misc":{"Temps estimat de lectura":"2 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/","url":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/","name":"Contingut b\u00e0sic | HTML & CSS","isPartOf":{"@id":"https:\/\/tutorial.bernatcortina.cat\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage"},"image":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage"},"thumbnailUrl":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png","datePublished":"2019-01-16T21:04:49+00:00","breadcrumb":{"@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#primaryimage","url":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png","contentUrl":"http:\/\/tutorial.bernatcortina.cat\/wp-content\/uploads\/2019\/01\/Imagen-1-10.png"},{"@type":"BreadcrumbList","@id":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/contingut-basic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/tutorial.bernatcortina.cat\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/tutorial.bernatcortina.cat\/index.php\/html\/"},{"@type":"ListItem","position":3,"name":"Contingut b\u00e0sic"}]},{"@type":"WebSite","@id":"https:\/\/tutorial.bernatcortina.cat\/#website","url":"https:\/\/tutorial.bernatcortina.cat\/","name":"HTML & CSS","description":"Fonaments d'HTML i full d'estils","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorial.bernatcortina.cat\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"}]}},"_links":{"self":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":0,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/147\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/pages\/65"}],"wp:attachment":[{"href":"https:\/\/tutorial.bernatcortina.cat\/index.php\/wp-json\/wp\/v2\/media?parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}