Huis Sociale Media HTML-basisbeginselen in Adobe CS5 Dreamweaver - dummies

HTML-basisbeginselen in Adobe CS5 Dreamweaver - dummies

Video: Basic HTML Tutorial Part 1 From Beginner To Advanced - What You Need To Start! 2025

Video: Basic HTML Tutorial Part 1 From Beginner To Advanced - What You Need To Start! 2025
Anonim

Wanneer u een nieuwe webpagina maakt in Dreamweaver, Adobe Creative Suite 5, kavels of code is gemaakt om uw webbrowser HTML te laten herkennen en welke HTML-versie het gebruikt. Dreamweaver werkt op de achtergrond om ervoor te zorgen dat uw pagina werkt in vrijwel alle recente versies van veelgebruikte webbrowsers, zoals Firefox, Internet Explorer en Safari.

HTML-code, hoewel eenvoudig, is net als elke andere taal, in die zin dat je de syntaxis (de juiste volgorde en de formatie van de code) en woordenschat moet vinden (veel tags onthouden). U hoeft geen klodders tape op uw bril te hebben om goede, schone webpagina's te maken, maar u moet wel de volgende HTML-beginselen doornemen.

Als u een ervaren gebruiker bent, weet u dat door code te kopiëren en te plakken, u veel kunt achterhalen over HTML-code. Als u een nieuwe gebruiker bent, kan het kopiëren en plakken van code u helpen de code te begrijpen die anderen op hun pagina's hebben geïmplementeerd en u misschien enkele ideeën geven.

HTML-tags bestaan ​​over het algemeen uit drie delen:

  • Tag: Het grootste deel van de HTML-informatie, bijvoorbeeld voor sterk of vet, voor de fonttag of

    voor een HTML-tabel. Een tag is altijd opgebouwd uit een sleutelwoord ingesloten in een reeks haakjes, zoals

    of

    .

    Omdat de meeste tags per twee worden geleverd, moet u een openingstag (

    ) en een afsluitende tag (

    ) invoeren. In XHTML 1. 0 Transitional (de standaard die wordt gebruikt voor alle nieuwe pagina's die in Dreamweaver zijn gemaakt), moeten alle tags gesloten zijn. U kunt een tag sluiten of een zelfsluitende tag maken door de schuine streep vóór de sluitingshaak op te nemen:

    Als u bijvoorbeeld tekst vetgedrukt maakt door de tag toe te voegen, vertelt u aan de tekst waar moet worden gestopt met het toepassen van vetgedrukte letters door een afsluitende tag in te voegen. Anders blijft de tekst vetgedrukt op de rest van de pagina.

  • Kenmerk: Hiermee kunt u het uiterlijk van een specifieke HTML-tag verfijnen. Een attribuut wordt altijd toegevoegd aan een openingstag en kan verschillende waarden aannemen om kenmerken te beheren, zoals de verbindingskleur, -grootte en -bestemming. Zo is align een kenmerk van de tag

    (alinea) die aangeeft hoe tekst binnen in de alinea moet worden uitgelijnd.

    Hier is een voorbeeld van een alineanummer (

    ) tag met een attribuut toegevoegd:

    Dit is gecentreerde tekst

  • Waarde: De kleur, grootte en linkbestemming, bijvoorbeeld gespecificeerd in een attribuut. U kunt bijvoorbeeld een hexadecimaal getal opgeven als de waarde voor een kleurattribuut. Een voorbeeld van een waarde voor het bgcolor-kenmerk van de tag (die de algehele paginaverschijning bepaalt) kan "rood" of "# CC0000" zijn.

  • Nesten is de volgorde waarin de tags worden weergegeven. Als een -tag wordt toegepast, ziet het er als volgt uit: Deze tekst is vet . Voeg een cursieve tag toe en u ziet Deze tekst is vet en cursief. . Let op de in-to-out plaatsing van de tags: u werkt uw weg van binnen naar buiten bij het sluiten van tags.

  • HTML-basisbeginselen in Adobe CS5 Dreamweaver - dummies

    Bewerkers keuze

    HTML-basisbeginselen in Adobe CS5 Dreamweaver - dummies

    HTML-basisbeginselen in Adobe CS5 Dreamweaver - dummies

    Wanneer u een nieuwe webpagina maakt in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver Veel code is gemaakt om uw webbrowser HTML te laten herkennen en welke HTML-versie het gebruikt. Dreamweaver werkt op de achtergrond om ervoor te zorgen dat uw pagina werkt in de meeste recente versies van veelgebruikte webbrowsers, zoals ...

    Afbeelding Plaatsing in Adobe CS5 Dreamweaver-pagina's - dummies

    Afbeelding Plaatsing in Adobe CS5 Dreamweaver-pagina's - dummies

    U kunt menu-items gebruiken, kopiëren en plakken, en zelfs sleep afbeeldingen naar uw Adobe Creative Suite 5 (Adobe CS5) Dreamweaver-pagina. Dientengevolge is het plaatsen van afbeeldingen op een webpagina in Dreamweaver eenvoudiger dan ooit, vooral vanwege de integratie met andere Adobe-producten. Afbeelding invoegen Als u beelden aan het voorbereiden bent ...

    Hoe u het tekstvenster gebruikt in het CSS eigenschappenpaneel van Dreamweaver - dummies

    Hoe u het tekstvenster gebruikt in het CSS eigenschappenpaneel van Dreamweaver - dummies

    Het Dreamweaver-tekstvenster bevat een verzameling opties die de weergave van de tekst op uw pagina's regelen. U krijgt toegang tot de opties in het Tekstvenster door omlaag te bladeren in het eigenschappenvenster totdat u onder de lay-outopties komt of door op het pictogram T boven aan het deelvenster te klikken. Het paneel Tekst bevat ...

    Bewerkers keuze

    Paginaachtergrond en randen opmaken in Word 2011 voor Mac - dummies

    Paginaachtergrond en randen opmaken in Word 2011 voor Mac - dummies

    Normaal de achtergrond van een Word-document in Office 2011 voor Mac is wit, maar u kunt de achtergrondkleur wijzigen en zelfs documentthema-kleuren toepassen. U moet de afdruklay-outweergave gebruiken in Word 2011 voor Mac om dit te laten werken, dus als u zich nog niet in de afdruklay-outweergave bevindt, ...

    Een Word 2007-index genereren - dummies

    Een Word 2007-index genereren - dummies

    Nadat u alle woorden en woordgroepen hebt gemarkeerd die u met Word wilt gebruiken als uw document-indexingangen, het proces van het genereren van de index is vrij eenvoudig.

    Een inhoudsopgave maken in Word 2007 - dummies

    Een inhoudsopgave maken in Word 2007 - dummies

    Woord 2007 stelt een inhoudsopgave samen (TOC) voor u door een opsomming van de koppen (elk met het paginanummer) die u vooraf in uw document hebt aangegeven. Word zorgt voor het tellen van pagina's en past zelfs de TOC voor u aan als de paginanummers van het document veranderen. Wanneer u een inhoudsopgave maakt, doorzoekt Word uw document op kop [...]

    Bewerkers keuze

    Onderhandelen over een respectabel tarief voor mamblogdiensten - dummies

    Onderhandelen over een respectabel tarief voor mamblogdiensten - dummies

    Veel mensen hebben het moeilijk om een ​​eerlijk moment in te stellen prijs voor de diensten die zij aanbieden. Mam bloggers zijn bijzonder benadeeld omdat wat zij aanbieden geen plat product of een dienst is. Een freelance schrijver kan kosten in rekening brengen door het artikel, het aantal woorden of per uur. Het is moeilijker om waarde te hechten aan je persoonlijkheid ...

    Netwerk met journalisten en radio- of tv-producenten - dummies

    Netwerk met journalisten en radio- of tv-producenten - dummies

    Het is van cruciaal belang om uw persoonlijke merk te vestigen en te koesteren overal ga je online. Je zult nooit weten wanneer de media naar je kijken. Hoe kun je jezelf voor de media plaatsen om in overweging te nemen? De ouderwetse manier om dit te doen is door persberichten te sturen of journalisten te bellen en verhaalideeën te vertellen. Vandaag ...

    Online communities kunnen feedback geven en ondersteuning bieden - dummies

    Online communities kunnen feedback geven en ondersteuning bieden - dummies

    Online communities zorgen voor gemoedsrust. Zelfs als vrienden en familieleden niet helemaal krijgen wat ze doen, doen hun online vrienden dat wel. Zij zijn het die eerlijk zeggen of een jurk je dik doet lijken. Ze bekritiseren ontwerpen en proeflezen en zeggen precies wat ze denken. Veel online community's zijn gemaakt zodat mensen ...