Inhoudsopgave:
- Stap 1: Download de software
- Stap 2: Haakjes openen
- Stap 3: Maak een nieuw bestand
- Stap 4: Opslaan als.. het bestand
- Stap 5: Begin met de DOCTYPE-tag
- Stap 6: HTML-tag
- Stap 7: Hoofd- en lichaamstags
- Stap 8: Metatag
- Stap 9: Titeltag
- Stap 10: Alinea toevoegen met P-tag
- Stap 11: Bekijk uw resultaten
- Stap 12: Wijzig de opmaak
- Stap 13: Enkele/dubbele lijnonderbrekingstag
- Stap 14: Conclusie
Video: Een eenvoudige webpagina maken met haakjes voor beginners: 14 stappen
2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:15
Invoering
De volgende instructies bieden stapsgewijze begeleiding om een webpagina te maken met Beugels. Brackets is een broncode-editor met een primaire focus op webontwikkeling. Gemaakt door Adobe Systems, het is gratis en open-source software onder de MIT-licentie, en wordt momenteel onderhouden op GitHub door Adobe en andere open-source ontwikkelaars. Het is geschreven in JavaScript, HTML en CSS.
instructies:
Opmerking: - Alle HTML-tags moeten tussen haakjes staan:
Stap 1: Download de software
download Brackets van deze website
Stap 2: Haakjes openen
open de gedownloade Brackets-software op een computer.
Stap 3: Maak een nieuw bestand
Na het openen van Brackets, klik op het bestandspictogram in de linkerbovenhoek van het venster en klik vervolgens op nieuw, u ziet een nieuw bestand "Untitled".
Stap 4: Opslaan als.. het bestand
Klik met de rechtermuisknop op dit bestand 'naamloos', klik op opslaan als, dan moet je het op een schijf opslaan
op dit punt kun je elke naam aan het bestand geven, zorg er wel voor dat na de naam ".html" (dot html) wordt toegevoegd.
Stap 5: Begin met de DOCTYPE-tag
Elke html-pagina moet beginnen met de volgende structuurtag. Het vertelt de browser welke 'regels moeten worden gevolgd' bij het weergeven van een HTML-pagina.
Stap 6: HTML-tag
en - die tags zijn om een document te starten en te beëindigen.
Stap 7: Hoofd- en lichaamstags
Schrijf tussen html-tags en, waar het 'achter de schermen'-dingen bevat. Schrijf ook en waar het tekst, afbeeldingen, video, audio enzovoort bevat.
Stap 8: Metatag
Schrijf tussen tags waar het informatie verschaft, zoals termen van zoekmachines of tekencodering.
Stap 9: Titeltag
Tussen tags, onder, schrijven en. Dus alles wat u tussendoor schrijft, ziet u bovenaan het browservenster en deze tag is belangrijk voor de zoekmachine. Ik ga bijvoorbeeld "WRD 204" schrijven
Stap 10: Alinea toevoegen met P-tag
Schrijf tussendoor alle informatie die u op een webpagina wilt zien, zoals afbeelding, audio, video en alinea bijvoorbeeld, voor mijn voorbeeld ga ik een alinea schrijven met behulp van deze tags voor alinea:
en.
Stap 11: Bekijk uw resultaten
Om uw resultaten te zien: klik eerst met de rechtermuisknop op het bestand en klik op "opslaan" en klik vervolgens op een "live preview"-pictogram in de rechterbovenhoek.
Opmerking: - wanneer u wijzigingen aanbrengt en het resultaat wilt zien, moet u eerst het bestand opslaan, u kunt de sneltoets "Ctrl + S" gebruiken
Stap 12: Wijzig de opmaak
Als u de grootte van de tekstopmaak wilt wijzigen, gebruikt u de grootste kop of de kleinste. In mijn voorbeeld zal ik gebruiken.
Stap 13: Enkele/dubbele lijnonderbrekingstag
Als je een enkele/dubbele regelafbreking tussen alinea's wilt maken, gebruik dan tag
Stap 14: Conclusie
Gefeliciteerd! nu kunt u beginnen met het bouwen van uw eigen webpagina.
Als je meer wilt weten over HTML-tags, raad ik deze website aan
Aanbevolen:
Een knop Kopie naar klembord op een webpagina plaatsen: 5 stappen (met afbeeldingen)
Een knop Kopie naar klembord op een webpagina plaatsen: dit klinkt misschien eenvoudig, en ik zie er misschien gek uit als ik het op Instructables zet, maar in werkelijkheid is het niet zo eenvoudig. Er is CSS, JQuery, HTML, wat fancy javascript, en, ach, je weet wel
Een DIY Arduino bouwen op een PCB en enkele tips voor beginners: 17 stappen (met afbeeldingen)
Een DIY Arduino bouwen op een PCB en enkele tips voor beginners: Dit is bedoeld als een gids voor iedereen die zijn eigen Arduino soldeert uit een kit, die kan worden gekocht bij A2D Electronics. Het bevat veel tips en trucs om het succesvol te bouwen. Je leert ook wat alle verschillende componenten d
Een webpagina voor optimale stereografische weergave: 7 stappen
Een webpagina voor een optimale stereografische weergave: Span uw ogen niet in om stereografische afbeeldingen te bekijken. Pas de afbeeldingen aan
Instructies voor het maken van een bevestiging met vier stangen voor een in het midden gemonteerde voetsteun - Ajarnpa
Instructies voor het maken van een bevestiging met vier stangen voor een in het midden gemonteerde voetsteun: Elektrische rolstoelen met middenaandrijving (PWC) zijn de laatste jaren populairder geworden. Door de plaatsing van de voorste zwenkwielen zijn de traditionele aan de zijkant gemonteerde voetsteunen echter vervangen door een enkele in het midden gemonteerde voetsteun. Helaas, middenm
Paint.Net voor beginners: een G2 Tux maken: 14 stappen
Paint.Net voor beginners: maak een G2 Tux: dit is eigenlijk een poort uit een Photoshop-tutorial op CrystalXp.Net. Er valt niet veel toe te voegen aan de tutorial zelf, alleen enkele kleine verschillen tussen Photoshop (US $ 699) en Paint.Net (US$ 0). Het moeilijkste was het aanpassen van de Photoshop-templ