Teknologian jakaminen

[Johdatus HTML:ään] Oppitunti 4 – rivinvaihdot, jakoviivat ja html-kommentit

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Tässä osiossa puhumme edelleen HTML:n johdattelevasta tiedosta, mukaan lukien rivinvaihdot, vaakasuuntaiset rivierot ja kommentit (html-kommentit).

Sisällysluettelo

1 rivinvaihto

2 Halkaise vaakaviivat

3 html-kommenttia

1 rivinvaihto

html on jaettulohkoelementti ja sisäisiä elementtejä. Tässä osiossa ei puhuta ensin näistä elementeistä. Puhutaan ensin rivinvaihdoista. Miksi puhumme lohkoelementeistä Saatat ymmärtää sen myöhemmin?

Rivinvaihto on br-tunniste, mikä tarkoittaa, että sisällön kaksi osaa voidaan erottaa toisistaan ​​ja keskelle luodaan rivinvaihtoefekti.

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>这是第一段内容</p>
  12.         <p>这是第二段内容</p>
  13.     </body>
  14. </html>

Katsotaanpa yllä olevaa tehostetta, koska p-tunniste itsessään on lohkoelementti ja nopea elementti tarkoittaa, että jos kirjoitat kaksi p-elementtiä, ne rivittyvät. Kuitenkin, kun p-elementti on kääritty, keskelle luotu korkeus on varma ja sitä ohjataan joillakin oletusasetuksilla.

Entä jos haluat, että rivinvaihtoväli kahden lohkoelementin välillä on suurempi? Vai haluanko rivinvaihtotehosteen tekstin keskelle? Sinä pystyt tähän:

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>这是<br/>第一段内容</p>
  12.         <br/>
  13.         <p>这是第二段内容</p>
  14.     </body>
  15. </html>

 

Kuten yllä olevassa kuvassa näkyy, kahdella p-tunnisteella on suuri välivaikutus keskellä. Lisäksi ensimmäisen p-tunnisteen tekstillä on myös rivin rivitysvaikutus.

2 Halkaise vaakaviivat

Tämä on yliopiston virallinen verkkosivusto. Katso keskellä olevaa vaakaviivaa. Se voidaan toteuttaa monella tavalla, ja yksi niistä on tässä osiossa mainittu. Tunnisteen nimi on hr. Katsotaanpa kooditehostetta:

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <p>这是第一段内容</p>
  12.         <hr/>
  13.         <p>这是第二段内容</p>
  14.     </body>
  15. </html>

Tämä luo vaakasuuntaisen viivajaon Tietenkin, jos haluat saavuttaa kuvan esimerkin vaikutelman, sinun on lisättävä tyyliohjaus tai käytettävä muita ratkaisuja sen saavuttamiseksi.

3 html kommentteja

Kehittäjänä kommenttien kirjoittaminen on erittäin tärkeää. Jos koodissasi ei ole kommentteja, muiden on helppo olla ymmärtämättä sitä, kun katsot sitä hetken kuluttua. Tai jos et kirjoita kommentteja, muiden on helppo olla ymmärtämättä koodiasi luovutetaan muille, tai sitä on erittäin vaikea katsella.

Lisäksi kommentit ovat eräänlaista sisältöä, jota kehittäjät käyttävät itse lukemiseen, eivät koneille luettavaksi tai selaimille näytettäväksi, joten kommentit eivät näy verkkosivulla.

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>我的第一个网页</title>
  6.         <style type="text/css">
  7.             
  8.         </style>
  9.     </head>
  10.     <body>
  11.         <!-- 这是第一行代码的注释内容 -->
  12.         <p>这是第一段内容</p>
  13.         <hr/>
  14.         <!-- 这里是第二行哦 -->
  15.         <p>这是第二段内容</p>
  16.     </body>
  17. </html>

Kuten yllä olevassa koodissa, lisäsimme kahdelle koodiriville kommentteja kertoaksemme kehittäjille jotain itsestään. Mutta se ei näy selaimessa.

Henkilökohtainen profiili

Hän on omistautunut teknologian tutkimukselle yli kolmenkymmenen vuoden ajan ja hallitsee useita kieliä, kuten java, linux, javascript, php, css jne., ja hän on tehnyt monia panoksia avoimen lähdekoodin alalla Kehittäjän dokumentaatioasema, jossa voit jakaa joitakin teknologian kehityksen ongelmia tulevaa käyttöä varten

yhteystietoni

Mail