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 .
  • por lo将軍,estaremos usandoタグcomodiv , 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のcomporamientoblock , inline o inline-block

  • ボーダー:Bordesパラシュートで降下する人Darle M .

  • 位置:ニュージャスP . Ginaにおける決定論的研究POR defecto , Los Elementtos Eest , n comostatic . ポドモススダールエルアトリブrelative アルプスにおけるY . Posicionarlo ConnUSAOSabsolute 「パドレ」における「素性」についてrelative ), Edpacio en el dom
  • y eso es国連pocoデmuchas cosas que deberは、エーモスサーベルパラシュートで降下します.Cada tema esは、そうしません.エヌOtra ocaciは、n voy a hablar詐欺市長detalle sobre cssです.

    ジーナ詐欺の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について
  • w3schools - HTML
  • freeCodeCamp - Semantic HTML5 elements explained
  • w3schools - CSS
  • 三次元で1/100