რა არის წინასწარ CSS სტილში? კოდის ტეგების წინასწარ შეფუთვის როლი HTML-ში

ჩვენ ვიყენებთWordPress საიტიუნდა ვისწავლოთ CSS და HTML-ის რამდენიმე საფუძვლები:

• WordPress-ის ზოგიერთი თემის CSS სტილის ფაილების გამო, წინა და კოდის ტეგის სტილები არ არის დამატებული.
• ამჟამად ბრაუზერების უმეტესობა მხარს უჭერსნიშანი.

HTML  ლეიბლის მაგალითი

ქვემოთ მოცემულია პრე ტეგის CSS სტილი (რომელსაც შეუძლია ავტომატურად გადაიტანოს html კოდი) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

ქვემოთ მოცემულია ▼ კოდის ტეგის CSS სტილი

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

გამოყენება

• გთხოვთ, დააკოპიროთ ზემოთ მოცემული CSS ტეგები WordPress-ის თემაში style.css ფაილში.

HTML pre tag ფუნქცია და გამოყენების ინსტრუქციები

• ეტიკეტები განსაზღვრავს წინასწარ ფორმატირებული ტექსტს.
• მარკირების ელემენტებში შემავალი ტექსტი ჩვეულებრივ ტოვებს სივრცეებს ​​და ხაზების წყვეტებს.
• ტექსტი ასევე გამოჩნდება monospace შრიფტით.

მარკირება ხშირად标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

თუ გსურთ მითითებული ტექსტის ფორმატის განთავსება HTML-ში, უნდა ისარგებლოთ წამყვანი ელემენტის ატრიბუტით.

რჩევები და ინსტრუქციები

მინიშნება:ტეგების საერთო გამოყენება არის კომპიუტერის საწყისი კოდის წარმოდგენა.

განსხვავებები HTML 4.01-სა და HTML5-ს შორის

HTML 4.01-ში "width" ატრიბუტი მოძველებულია და მისი გამოყენება შეუძლებელია. HTML5 არ უჭერს მხარს "სიგანის" ატრიბუტს.

ატრიბუტი

ქონების ღირებულების აღწერა

• სიგანის ნომერი HTML5 არ უჭერს მხარს ამ ატრიბუტს.
• ეს ატრიბუტი მოძველებულია HTML 4.01-ში.
• განსაზღვრავს სიმბოლოების მაქსიმალურ რაოდენობას სტრიქონზე (ჩვეულებრივ 40,80, 132 ან XNUMX).

გლობალური თვისებები

• <pre>მარკირება მხარს უჭერს გლობალურ ატრიბუტებს და იხილეთ ქონების სრული ფურცელი HTML გლობალური ატრიბუტები.

ღონისძიების თვისებები

• ტეგები მხარს უჭერენ ყველა HTML მოვლენის ატრიბუტს.