ChenendiasConcreseit : D 1 A/100
再開する
Veremos un pocoロスdistintosタグyアトリビュートque se suelen usar en html,y algunas propiedades de css css dar algo de estiloLo Bは、Sicoパラシュートで降下します.
いいえexplicarはenen detalle!アル最終的なデラPublicaciは、dejo unos enlacesデdonde pueden verビエンCada Temaに終わります.
Podrás ver la lista de los 100 días en este .
HTML
si trabajamos desdeビジュアルスタジオコード(VSコード),podemos usar las abreviaturas emmet para obtener f par cilmente partes de c ̄digo.エヌtodos nuestrosスクリプト、usaremosエルesqueletoベースデhtml que conseguiremos詐欺
!
コード化<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Sidendo Breve , Applico Cadaタグ:<!DOCTYPE html>
INTERIA AL Navegador que Estaremos Utilizando<html lang="en">
コンティネント・トドス・ロス・エレメントスにおけるE .インディシアのイディオマ・トラブジャム<head> ... </head>
エヌNunaデラスM mのsの重要な点、エヌdonde pondremosは、meta meta、推定値y tを得ます.Les Elemementos que contenga、必須必須のse se ven en nuestra p .<body> ... </body>
重要なTra Otraエチータ.AC - Pendrremos lo que queramos que se vea en nuestra ple gina , ya sean : divs , tags sem - nticos , scriptなど<meta charset="UTF-8">
ロスcaracteres usadosエヌHTMLを定義してください<meta name="viewport" content="width=device-width, initial-scale=1.0">
インディアナ・エル・ア-ル-ル-見えるdel Usuario en nuestra p .div
, a
, p
, h1 h2 ... h6
Yimg
( Tortroe OTros )パラシュートで行くAunque Tambi En Enは、ブエノusarロスタグを引用します.「アルゴ」としてのアルゴの思想<!-- En HTML4 -->
<div id="header"></div>
<div class="section">
<div class="article">
<div class="figure">
<img>
<div class="figcaption"></div>
</div>
</div>
</div>
<div id="footer"></div>
<!-- En HTML5 -->
<header></header>
<section>
<article>
<figure>
<img>
<figcaption></figcaption>
</figure>
</article>
</section>
<footer></footer>
エステ息子todosロスタグ<article>
パラ関節<aside>
パラコロンナ<details>
アール・アレー・オ・パルラー・デ・アル・アール・アール・カルト( Por Jesprao )<figcaption>
パイデイマセン<figure>
Untag que contiene una imagen y un pie de imagen<footer>
パイデP<header>
カベゼラ<main>
CuerpoプリンシパルデLa P<mark>
Realtarテキスト<nav>
Navegaciは、デデP<section>
ジーナについて<summary>
SE USAコモキャベセラ/T<time>
パラ特典datetime
o time
CSS
パラJS , Deber MenエーモスSaber al - Menos algunas propiedades :
elazar nuestra hoja de estilo con el html
<!-- Dentro de head de HTML-->
<link rel="stylesheet" type="text/css" href="style.css" />
// En nuestro CSS, le damos propiedades a los tags
body{
margin: 0;
padding: 0;
}
ID:ESCLIALパラIDをソロソロ.
<!-- En nuestro HTML -->
<section id="productos">
...
</section>
// Los id se los "invoca" con numeral
#productos{
background-color: #323232;
}
クラス:Una formaデアイデンティフィック・バリオスElemementosデパラシュートで降下します.
<!-- En nuestro HTML -->
<div class="container">
...
</div>
// Las clases se los "invoca" con punto
.container{
width: 80%;
border: 1rem solid rgb(0, 255, 255);
}
幅Y高さ:ダルエルエルAncho y la AlturaデロスElemementos.
色:テキストを色します.
背景色:色アルフォンデルデルElememento HTML.
マージン:DefinmosエルEspacio外部que干し草alredeor del elemento html.
パディング:DefinmosエルEspacioインテリアque干し草AlddedorデルElememento HTML.
フォント:ポドモス
family
, size
, weight
, style
Yalign
.main{
width: 80%;
height: 70vh;
background-color: #ccc;
margin: 10px 5px;
padding: 5px 2px 10px 2px;
}
main h1{
color: #555;
font-family: sans-serif;
font-size: 10rem;
font-weight: bold;
font-style: italic;
font-align: center;
}
ディスプレイ:ロスのElementtos HTMLのcomporamiento
block
, inline
o inline-block
ボーダー:Bordesパラシュートで降下する人Darle M .
位置:ニュージャスP . Ginaにおける決定論的研究POR defecto , Los Elementtos Eest , n como
static
. ポドモススダールエルアトリブrelative
アルプスにおけるY . Posicionarlo ConnUSAOSabsolute
「パドレ」における「素性」についてrelative
), Edpacio en el domジーナ詐欺のHTMLのCSSの
ACは、es私don ' d veni unpoco(voes)をvodeしますMIポートフォリオアクチュアリーメンツ(Hasta la fecha de publicaciは、デeste post al menos)、ESTは、hecho conの単独のHTML 5 Y CSS 3.エストは、ヘブコモは、エヌの公共の場所を見つけることができます.A - Nシグアプレンディンド!
Pero、si dejanデladoエストスdetalles、レスpresentoミportfolio エルエルcódigo en un repositorio de GitHub .
再帰
<翻訳>プエル・ア・パタールのJavaScriptについて
Reference
この問題について(ChenendiasConcreseit : D 1 A/100), 我々は、より多くの情報をここで見つけました https://dev.to/javicerodriguez/ciendiasconcourseit-dia-1-100-890テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol