תוֹכֶן
במאמר זה: הכנס שורה ב- HTML 4.01 הכנס שורה באמצעות קובץ CSS ו- HTML5References
אתה יכול להשתמש בקו אופקי כדי לתחום את תוכן אתר האינטרנט שלך. הקוד להצגת קו פשוט מאוד. עם זאת, אם אתה יכול לשנות את סגנונות הקו שלך ישירות בקוד עם HTML 4.01, זה לא אותו דבר עם HTML5. עבור האחרונים תצטרך להשתמש ברכיבי CSS כדי לשנות את הסגנונות.
בשלבים
שיטה 1 הכנס שורה ב- HTML 4.01
-
צור מסמך חדש. פתח או צור מסמך HTML חדש. ניתן לערוך מסמכי HTML באמצעות עורך דואר כמו Notepad. אתה יכול גם להשתמש בעורך קוד כמו Adobe Dreamweaver. בצע את הצעדים הבאים לפתיחת מסמך HTML בתוכנית לבחירתך:- פתוח Notepad או מפרסם של דואר אלקטרוני או קוד לפי בחירתך;
- לחץ על קובץ ;
- לחץ על פתוח ;
- בחר קובץ HTML;
- לחץ על פתוח.
-
הכנס את הקו. בחר היכן ברצונך להכניס את השורה. גלול מטה עד שתמצא את שורת הקוד שמעל תרצה להכניס את הקו שלך. לאחר מכן לחץ בקצה השמאלי של הקו כדי למקם את הסמן ממש בתחילת השורה. -
השאירו מקום. הקש פעמיים כניסה כדי להזיז את ה- e למטה לקו שמעליו תרצו למקם את הקו האופקי. לאחר מכן, מקם את הסמן בראש החלל שיצרת זה עתה. -
הוסף את התג
. סוג
לפני תחילת השורה. התג
משמש ליצירת קו אופקי לאורך הדף. -
עבור לקו. הזז את הקו מול התג hr על קו חדש. לשם כך, לחץ על כניסה. אז, התג
צריך להיות מבודד בקו שלו. -
הוסף תכונות. אתה יכול (אם תרצה) להוסיף תכונות לקו האופקי שלך כגון תכונות אורך, רוחב, צבע ויישור. השתמש בקודים הבאים אחרי התג hr בתוך הקורות. אתה יכול להוסיף יותר מתכונה אחת בתוך שברון על ידי הפרדתם עם רווח.- סוג
כדי לשנות את עובי הקו. החלף # בערך הרצוי לעובי (דוגמה: גודל = "10"). - סוג
כדי לשנות את רוחב הקו. החלף # במספר הפיקסלים לרוחב או לאחוז רוחב העמוד (דוגמה: רוחב = "200" או רוחב = "75%"). - סוג
כדי לשנות את צבע הקו. החלף # עם שם צבע או קוד הקסדצימאלי (דוגמה: color = "red" או color = "# FF0000") - סוג
לניהול יישור הקו. החלף # ב"ימין "," שמאל "או" מרכז "(דוגמה:
).
- סוג
-
שמור את קובץ ה- HTML שלך. כדי לשמור קובץ e כמסמך HTML, עליך להחליף את סיומת הקובץ (.txt, .docx) מאת .html. עקוב אחר הצעדים הבאים לשמירת מסמך HTML:- לחץ על התפריט קובץ ;
- לבחור שמור כ ... ;
- הזן שם לקובץ, ליד שם הקובץ ;
- סוג .html אחרי שם הקובץ
- לחץ על שיא.
-
בדוק את הקוד שלך. כדי לבדוק את קובץ ה- HTML שלך, לחץ באמצעות לחצן העכבר הימני על הקובץ ובחר פתוח עם. לאחר מכן בחר בדפדפן אינטרנט. שורה צריכה להופיע במקום בו מיקמת את התג hr. קוד ה- HMTL שלך אמור להיראות כך:זו כותרת
זו פסקה המופרדת מהכותרת בקו אופקי.
שיטה 2 הכנס שורה באמצעות קובץ CSS ו- HTML5
-
צור מסמך חדש. פתח או צור מסמך HTML חדש. ניתן לערוך מסמכי HTML באמצעות עורך דואר כמו Notepad. אתה יכול גם להשתמש בעורך קוד כמו Adobe Dreamweaver. בצע את הצעדים הבאים לפתיחת מסמך HTML בתוכנית לבחירתך:- פתוח Notepad או מפרסם של דואר אלקטרוני או קוד לפי בחירתך;
- לחץ על קובץ ;
- לחץ על פתוח ;
- בחר קובץ HTML;
- לחץ על פתוח.
-
הוסף את התג ראש. אם לקובץ ה- HTML שלך עדיין אין חלק ראש, בצע את הצעדים שלהלן כדי להוסיף אותו. החלק ראש הוא בין התגים ו .- סוג בראש המסמך.
- הקש פעמיים כניסה להוסיף שני שורות חדשות.
- סוג לסגור את המשחק ראש.
-
סוגזו כותרת
זו פסקה המופרדת בקו אופקי