Se sei nuovo al web design e allo sviluppo front-end (HTML, CSS, Javascript), allora puoi scegliere di iniziare con un editor WYSIWYG. Questo acronimo sta per "ciò che vedi è ciò che ottieni" e in sostanza si riferisce al software che ti consente di creare una pagina web utilizzando strumenti visivi mentre il software scrive un codice dietro le quinte basato su ciò che stai creando. Lo strumento WYSIWYG più popolare disponibile è probabilmente Adobe Dreamweaver.
Dreamweaver è una buona opzione per chi ha appena iniziato
Mentre molti esperti professionisti del web con abilità più raffinate guardano dall'alto in basso Dreamweaver e la sua tendenza a produrre marcatori HTML e stili CSS eccessivi, la semplice verità è che la piattaforma rimane una buona opzione per coloro che hanno appena iniziato a progettare un sito web. Quando inizi a utilizzare l'opzione "design view" di Dreamweaver per creare una pagina web, una delle domande che potresti avere è come creare un'interruzione di riga singola per il contenuto in quella vista.
Quando aggiungi testo HTML a una pagina Web, il browser visualizzerà quel testo come una lunga linea fino a raggiungere il bordo della finestra del browser o il relativo elemento contenitore. A quel punto, il testo si sovrapporrà alla riga successiva. Questo è simile a ciò che accade in qualsiasi software di elaborazione testi, come Microsoft Word o Google Docs. Quando una riga di testo non ha più spazio su una linea orizzontale, si avvolge per iniziare un'altra riga. Quindi cosa succede se vuoi dettare dove si rompe una linea?
Quando si preme il tasto INVIO nella vista Progettazione di Dreamweaver, il paragrafo corrente viene chiuso e viene avviato un nuovo paragrafo. Visivamente, questo significherà che quelle due linee sono separate con un po 'di spaziatura verticale. Questo perché, per impostazione predefinita, i paragrafi HTML hanno padding o margini (che dipendono dal browser stesso) applicati alla parte inferiore del paragrafo che aggiunge tale spaziatura.
Questo può essere regolato con CSS, ma la verità è che vuoi che ci sia spazio tra i paragrafi per consentire la leggibilità del sito. Se si desidera una singola riga e nessuna spaziatura verticale tra le righe, non si desidera utilizzare il tasto INVIO perché non si desidera che tali righe siano paragrafi singoli.
Per questi momenti in cui non vuoi che inizi un nuovo paragrafo, devi aggiungere il
tag in HTML. Anche questo a volte è scritto come
. in particolare per le versioni di XHTML che richiedevano la chiusura di tutti gli elementi. Il trailing / in quella sintassi chiude autonomamente l'elemento dal
il tag non ha il suo tag di chiusura. Tutto va bene, ma stai lavorando in Design View in Dreamweaver. Potresti non voler saltare nel codice e aggiungere queste interruzioni. Questo va bene, perché puoi, in effetti, aggiungere un'interruzione di riga in Dreamweaver senza ricorrere alla visualizzazione del codice.
Aggiungi un'interruzione di riga nella vista di progettazione di Dreamweaver:
- Posiziona il cursore nel punto in cui desideri che inizi la nuova riga.
- Tenere premuto il tasto tasto delle maiuscole e premere accedere.
Questo è tutto! La semplice aggiunta del tasto "shift" insieme a ENTER aggiungerà a
invece di un nuovo paragrafo. Quindi ora che sai com'è, dovresti considerare dove usarlo e dove evitarlo. Ricorda, HTML è pensato per creare la struttura di un sito, non l'aspetto visivo. Non dovresti usare multipli
tag per creare spaziatura verticale sotto gli elementi del tuo disegno.
Questo è ciò che le proprietà CSS per padding e margini sono per. Dove useresti un
tag è quando hai solo bisogno della singola interruzione di riga. Ad esempio, se stai codificando un indirizzo postale e hai deciso di utilizzare un paragrafo, puoi aggiungere
tag come questo:
Nome della ditta Questo codice per l'indirizzo è un singolo paragrafo, ma visivamente mostrerebbe le tre linee su singole linee con un piccolo spazio tra di loro.
Address Line
Città stato CAP
