HTML -ге көлденең сызықты қалай қосуға болады

Вызшақ: Мультимедиялық технологияларды қолдану арқылы сабақтарды дидактикалық қамтамасыз етуді дайындау әдіс

Мазмұны

Қадамдар
2 -ші әдіс: HTML 4.01 -де жұмыс
2 -ші әдіс 2: CSS / HTML5 -те жұмыс

Бұл мақалада HTML -ге көлденең сызықты қосу әдісі көрсетіледі. Көлденең сызықты сайттағы мазмұнды бөлуге болады. Жолды құру коды өте қарапайым. Бірақ HTML 4.01 -де ішкі командаларды қолдана отырып, сызықтың дизайнын өзгертуге болады. HTML5 -те сызықты сәндеу үшін CSS -ті қолдану қажет болады.

Қадамдар

2 -ші әдіс: HTML 4.01 -де жұмыс

1 Бар құжатты ашыңыз немесе жаңа HTML құжатын жасаңыз. HTML құжаттары Блокнот сияқты мәтіндік редактормен немесе Adobe Dreamweaver сияқты арнайы код редакторымен өңделуі мүмкін. Сіз таңдаған бағдарламада HTML құжатын ашу үшін мына қадамдарды орындаңыз:
- Блокнотты немесе басқа мәтіндік / кодтық редакторды ашыңыз.
- Мәзірді ашыңыз Файл.
- Басыңыз Ашық.
- HTML файлын таңдаңыз.
- Басыңыз Ашық
2 Жолды енгізгіңіз келетін орынды таңдаңыз. Төменде сызық пайда болатын жолды тапқанша төмен айналдырыңыз, содан кейін сол жолдың сол жақ шетіне шертіп, курсорды сол жолдың басына жылжытыңыз.
3 Бос жолды қосыңыз. Екі рет түртіңіз ↵ Кіружолды енгізгіңіз келетін мәтінді төмен жылжытыңыз, содан кейін курсорды бос жолға қойыңыз.
4 Сағ> тег қосыңыз. Кіру сағ> жолдың басындағы бос орынға. Тег сағ> бүкіл бетте көлденең сызық жүргізуге мүмкіндік береді.
5 Басу арқылы курсорды «hr» тегінен кейін жаңа жолға жылжытыңыз ↵ Кіру. Енді тег сағ> бөлек жолда орналасуы керек.
6 Көлденең сызыққа атрибуттарды қосыңыз (міндетті емес). Ұзындық, қалыңдық, түс және туралау сияқты атрибуттарды қосыңыз. Оларды «сағаттан» кейін бірден бұйра жақшаға салыңыз. Бірнеше атрибуттарды қосу үшін оларды бос орынмен бөліңіз.
- Кіру сағ өлшемі = «#»>сызықтың қалыңдығын өзгерту үшін. «#» Санын сандық қалыңдық мәнімен ауыстырыңыз (мысалы, size = «10»).
- Кіру сағ ені = «#»>жолдың енін өзгерту үшін. «#» Белгісін пиксель санымен немесе бет енінің пайызымен ауыстырыңыз (мысалы, ені = «200» немесе ені = «75%»).
- Кіру сағ түс = «#»>жолдың түсін өзгерту үшін. «#» Белгісін түс атауымен немесе он алтылық кодпен ауыстырыңыз (мысалы, color = «red» немесе color = «# FF0000»).
- Кіру hr align = «#»>сызықты туралау үшін. «#» Деген сөзді «оңға» (оңға), «солға» (солға) немесе «ортасына» (ортасына) ауыстырыңыз (мысалы, сағ ені = «50%» align = «орталық»>).
7 HTML файлын сақтаңыз. Мәтіндік файлды HTML құжаты ретінде сақтау үшін файл кеңейтімін (.txt, .docx) «.html» етіп өзгерту керек. HTML құжатын сақтау үшін мына қадамдарды орындаңыз:
- Мәзірді ашыңыз Файл.
- Басыңыз Сақтау.
- Файл атауы өрісіне файлдың атын енгізіңіз.
- Қосу .html файл атауынан кейін.
- Басыңыз Сақтау.
8 HTML құжатын тексеріңіз. HTML файлын тексеру үшін оны тінтуірдің оң жақ түймесімен шертіп, бірге ашуды таңдаңыз. Содан кейін веб -шолғышты таңдаңыз. Сіз «сағ» тегін енгізген жерде қатаң сызық пайда болуы керек. HTML коды келесідей болады:

2 -ші әдіс 2: CSS / HTML5 -те жұмыс

1 Бар құжатты ашыңыз немесе жаңа HTML құжатын жасаңыз. HTML құжаттары Блокнот сияқты мәтіндік редактормен немесе Adobe Dreamweaver сияқты арнайы код редакторымен өңделуі мүмкін. Сіз таңдаған бағдарламада HTML құжатын ашу үшін мына қадамдарды орындаңыз:
- Блокнотты немесе басқа мәтіндік / кодтық редакторды ашыңыз.
- Мәзірді ашыңыз Файл.
- Басыңыз Ашық.
- HTML файлын таңдаңыз.
- Басыңыз Ашық
2 HTML құжатына тақырып қосыңыз. Егер сіздің HTML құжатыңызда тақырып болмаса, оны қосу үшін мына қадамдарды орындаңыз. Тақырып html> тегінен кейін және негізгі> тегтің алдында болуы керек.
- Кіру бас> құжаттың жоғарғы жағында.
- Екі рет түртіңіз ↵ Кіруекі жаңа жолды қосу үшін.
- Кіру / бас>тақырыпты жабу үшін.
3 Кіру стиль түрі = «text / css»> тақырып ішінде. HTML дизайнын өзгерту үшін CSS -ті қолдануға болатын орын жасау үшін стиль тегі екі тақырып тегінің арасына орналастырылады.
- Немесе сыртқы стиль кестесін қолдануға болады. Мақаланы оқыңыз «HTML -ге CSS файлын қалай енгізу керек»Сыртқы CSS файлын HTML файлымен байланыстыруды үйрену.
4 Кіру сағ {. Бұл көлденең сызықты сәндеуге арналған CSS тегі. Оны тақырыптағы немесе сыртқы CSS файлындағы «стиль» тегінен кейін қосыңыз.
5 Hr> тегіне CSS мәнерлерін қосыңыз. Олар «hr {» тегінен кейін келуі керек. Көлденең сызықты әр түрлі тәсілмен жасауға болады. Төменде олардың бірнешеуі берілген.
- Кіру ені: ## px;жолдың енін реттеу үшін. Жолдың енін пиксельмен «##» орнына қойыңыз. Пиксель (пиксель) орнына пайызды (%) қолдануға болады.
- Кіру биіктігі: ## пиксель;сызықтың салмағын реттеу үшін. Жолдың енін пиксельмен «##» орнына қойыңыз.
- Кіру фон түсі: ##;жолдың түсін анықтау үшін. «##» орнына түс атауын немесе хэшті (#) қойып, он алтылық түс кодын қойыңыз.
- Кіру оң жақ шеті: ## px;оң жақ шетінен пиксель санын көрсету үшін. «##» санының орнына пикселдердің сандық нөмірін немесе «авто» кодын қойыңыз. Жолды солға немесе ортаға туралау үшін «авто» енгізіңіз.
- Кіру сол жақ шеті: ## px;сол жақ шетінен пиксель санын көрсету үшін. «##» сандық пиксель санына немесе «авто» кодына ауыстырыңыз. Сызықты оңға немесе ортасына туралау үшін «авто» енгізіңіз.
- Кіру маржа-жоғарғы: ## px; жолдың жоғарғы толтыруын көрсету үшін. «##» санын пиксельдегі толтыруға сәйкес келетін санмен ауыстырыңыз.
- Кіру төменгі жиегі: ## px;жолдың төменгі толтыруын көрсету үшін. «##» санын пиксельдегі толтыруға сәйкес келетін санмен ауыстырыңыз.
- Кіру жиек ені: ## px;сызықтың айналасында қорап салу (міндетті емес). «##» санын пиксель жиегінің еніне сәйкес келетін санмен ауыстырыңыз.
- Кіру жиек түсі: ##;жиек түсін көрсету үшін (міндетті емес). «##» орнына түс атауын немесе хэшті (#) қойып, он алтылық түс кодын қойыңыз.
6 Кіру } hr> тегінің сәндеуін аяқтау үшін стиль атрибуттарынан кейін.
7 Кіру сағ> көлденең сызық қосу үшін HTML құжатының кез келген жерінде. CSS стилінің параметрлері HTML құжатындағы hr> тегін қолданған сайын қолданылады. Сіздің кодыңыз келесідей болуы керек: