يبدأ هذا القسم بالتعديل التفصيلي للنص ، مما يسمح للقراء بفهم التغييرات في تنسيقات الخطوط المختلفة لـ HTML وإنشاء المزيد من صفحات الويب الاحترافية.
4.2 تعديل النص المتنوعفي القسم السابق ، تعلمت إعدادات مختلفة من الفقرات الكبيرة ، والتي بدت أكثر جاذبية للنص نفسه. يبدأ هذا القسم بالتعديل التفصيلي للنص ، مما يسمح للقراء بفهم التغييرات في تنسيقات الخطوط المختلفة لـ HTML وإنشاء المزيد من صفحات الويب الاحترافية.
4.2.1 الملصقات الأساسية لإعدادات نمط النص - <font>العلامة الأساسية لإعداد أنماط الخط هو <Font> </font> ، والنص الوارد فيه هو منطقة عمل النمط. في كتابة رمز HTML للمبتدئين ، يكون <font> </font> بسهولة متداخلة بواسطة مصادر متعددة ، مثل <font attribute 1 = value 1> <font satustribute 2 = value 2> text </font> </font>. موقف آخر هو تسمية التعشيش اختلال ، مثل <font> <p> text </font> </p>. من أجل توحيد كتابة التعليمات البرمجية وتجنب الأخطاء غير الضرورية ، يجب أن يكون القراء حذرًا عند التعلم.
4.2.2 اضبط لون النصاللون هو إحدى سمات علامة <Font> </font> ، والتي يتم استخدامها لتعيين لون النص. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه font_color.htm ، واكتب الرمز كما هو موضح في الرمز 4.7.
رمز 4.7 إعداد لون الخط: font_color.htm
<html>
<head>
<title> إعدادات لون الخط </title>
</head>
<body>
النص الأحمر الفاتح: <font color =#dd0000> جوهر التعلم html هو استخدام كل ما ينبغي أن يكون < /font> <br />
نص قرمزي: <font color =#660000> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأخضر الفاتح: <font color =#00dd00> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأخضر الداكن: <font color =#006600> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأزرق الفاتح: <font color =#0000DD> جوهر تعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأزرق الداكن: <font color =#000066> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأصفر الفاتح: <font color =#dddd00> جوهر التعلم html هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأصفر الداكن: <font color =#666600> جوهر تعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
نص سماوي الضوء: <font color =#00DDDD> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأزرق الداكن: <font color =#006666> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
نص الضوء الأرجواني: <font color =#dd00dd> جوهر التعلم html هو استخدام كل ما ينبغي أن يكون < /font> <br />
النص الأرجواني العميق: <font color =#660066> جوهر التعلم HTML هو استخدام كل ما ينبغي أن يكون < /font> <br />
</body>
</html>
أدخل http: //localhost/font_color.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.7.
الشكل 4.7 إعدادات ألوان الخط
لا يمكن للقراء تعلم فقط كيفية استخدام سمة اللون في علامة الخط من الكود 4.7 ، ولكن أيضًا على دراية بطرق تمثيل الألوان المختلفة.
4.2.3 اضبط حجم النصالحجم هو أيضًا خاصية لعلامة <Font> </font> ، والتي يتم استخدامها لتعيين حجم النص. قيمة الحجم هي 1-7 ، والافتراضي هو 3. يمكننا إضافة + و - الأحرف قبل قيمة سمة الحجم لتحديد الزيادة أو الانخفاض بالنسبة إلى القيمة الأولية لحجم الخط. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه font_size.htm ، واكتب الرمز كما هو موضح في الرمز 4.8.
الرمز 4.8 إعداد حجم الخط: font_size.htm
<html>
<head>
<title> إعدادات حجم الخط </title>
</head>
<body>
الحجم هو 1: <font size = 1> HTML Learning </font> <br />
الحجم 2: <font size = 2> HTML Learning </font> <br />
الحجم 3: <font size = 3> html Learning </font> <br />
الحجم هو 4: <font size = 4> html Learning </font> <br />
الحجم هو 5: <font size = 5> html Learning </font> <br />
الحجم 6: <font size = 6> html Learning </font> <br />
الحجم هو 7: <font size = 7> HTML Learning </font> <br />
</body>
</html>
أدخل http: //localhost/font_size.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.8.
الشكل 4.8 إعدادات حجم الخط
يمكن للقراء محاولة إضافة + و - الأحرف قبل قيمة الحجم لتعيين حجم النص بمرونة.
4.2.4 اضبط خط النصالوجه هو أيضًا خاصية لعلامة <Font> </font> ، والتي يتم استخدامها لتعيين خطوط نصية (الخطوط). يتم استدعاء الخطوط المعروضة في صفحات الويب HTML من نظام التصفح ، لذلك من أجل الحفاظ على الخط ثابتًا ، يوصى باستخدام خط الأغنية ، كما تستخدم صفحات HTML أيضًا خط الأغنية افتراضيًا. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه font_face.htm ، واكتب الرمز كما هو موضح في الرمز 4.9.
رمز 4.9 إعدادات خط الخط: font_face.htm
<html>
<head>
<title> إعدادات خط الخط </title>
</head>
<body>
الخط هو خط الأغنية: <font size = 5> QinyUanchun · Changsha-Mao Zedong </font> <br />
الخط في Kaishi: <font size = 5> QinyUanchun · Changsha-Mao Zedong </font> <br />
الخط غامق: <font size = 5> QinyUanchun · Changsha-Mao Zedong </font> <br />
الخط هو lishu: <font size = 5> Qinyuanchun · Changsha-Mao Zedong </font>
</body>
</html>
أدخل http: //localhost/font_face.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.9.
الشكل 4.9 إعدادات الخط
يقوم المؤلف بتعيين حجم النص للخط المعدل إلى رقم 5 للقراء لعرضه.
4.2.5 اصنع إمالة النصباستخدام العلامات المزدوجة <i> </i> يمكن أن يميل النص المراد تطبيقه ، وتحقيق المؤثرات الخاصة ، مثل تاريخ المقالة. <em> </em> يسمى علامة التركيز ، ومائلة. يتم استخدامه حاليًا بشكل متكرر أكثر من علامات <i> </i>. طريقة الكتابة كما يلي:
<i> هذا نص مائل </i>
<em> هذا هو أيضا مائل </em>
4.2.6 اجعل النص جريئًايمكن أن يؤدي استخدام العلامات المزدوجة <b> </b> إلى جعل النص جريئًا ، مما يجعل النص أكثر جاذبية ، مثل جزء العنوان من المقالة. <strong> </strong> يسمى التركيز بشكل خاص على الملصقات ، كما أنه جريء في النص. يتم استخدامه حاليًا بشكل متكرر أكثر من علامات <b> </b>. طريقة الكتابة كما يلي:
<b> هذا نص جريء </b>
<strong> هذا أيضًا نص جريء </strong>
4.2.7 يؤكد النصاستخدم العلامات المزدوجة <u> </u> لإضافة السطح السفلي إلى النص المطبق. فيما يلي مثال شامل لإمالة النص ، جريئة ومطالبة. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه font_style.htm ، واكتب الرمز كما هو موضح في الرمز 4.10.
رمز 4.10 إعدادات تعديل النص: font_style.htm
<html>
<head>
<title> إعدادات تعديل الخط </title>
</head>
<body>
<font size = 5> mithitics: <em> qinyuanchun · Changsha-Mao Zedong </em> <br />
Bolded: <strong> QinyUanchun · Changsha-Mao Zedong </strong> <br />
تسطير: <u> qinyuanchun · Changsha-Mao Zedong </u> <br />
السطحي الجريء المائل: <em> <strong> <u> qinyuanchun · Changsha-Mao Zedong </u> </strong> </em> </font>
</body>
</html>
أدخل http: //localhost/font_style.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.10.
الشكل 4.10 إعدادات تعديل الخط
يقوم المؤلف بتعيين جميع أحجام النصوص في <Body> </body> إلى رقم 5 للقراء لعرضه.
- ملاحظة: عندما تحتوي علامات متعددة على نفس النص ، لا يمكن تحديد ترتيب التضمين الخاص بهم.
4.2.8 استخدام أنماط العنوان المتعددةفي مقالات الويب ، من أجل تسليط الضوء على أهمية العنوان ، يكون أسلوب العنوان مميزًا نسبيًا. تحمي تقنية HTML مجموعة من علامات النمط للعناوين ، وهي العلامات المزدوجة <H1> إلى <h6> ، وتمثل أحجام النص مستويات مختلفة من العناوين من كبيرة إلى صغيرة. تحتوي علامة العنوان على ميزة ، وهي حصرية لخط واحد ، وجريء في النص ، والمركز في النص. وبهذه الطريقة ، من السهل تعيين العنوان ويمكنه تعيين عناوين متعددة المستويات. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه font_h.htm ، واكتب الرمز كما هو موضح في الرمز 4.11.
رمز 4.11 إعدادات العنوان: font_h.htm
<html>
<head>
<title> إعدادات العنوان </title>
</head>
<body>
<H1> العنوان رقم 1 </H1>
<h2> العنوان رقم 2 </h2>
<h3> العنوان رقم 3 </h3>
<h4> العنوان رقم 4 </h4>
<h5> العنوان رقم 5 </h5>
<H6> العنوان رقم 6 </H6>
<H1> مجلة Fortune: لماذا لا تقع Google بعد ازدهارها؟ </H1>
<h3> مواجهة المشكلات المحتملة </h3>
<p> & nbsp ؛ & nbsp ؛ & nbsp ؛ & nbsp ؛ يعتقد بعض المطلعين على الصناعة أن Google قد تنخفض بعد احتكار طويل الأجل لسوق البحث والإعلان على الإنترنت. ... في الوقت نفسه ، تم أيضًا استثمار موقع OpenSocial على مواقع الشبكات الاجتماعية ، مثل Open Mobile Alliance ، المنصة العالمية لموقع الشبكات الاجتماعية OpenSocial ، والاستثمار المحتمل للمليارات من الدولارات في تقديم العطاءات للترددات اللاسلكية.
سيستمر <h3> في احتكار البحث </h3>
<p> & nbsp ؛ & nbsp ؛ & nbsp ؛ & nbsp ؛ تقول المقالات الحديثة أنه إذا ظهرت محركات بحث أفضل ، فسيتخلى الناس عن Google دون تردد. ولكن حتى لو كانت هناك محركات بحث أفضل حقًا ، فلا يزال بإمكان Google الوقوف بشكل حازم لفترة من الوقت. ... في هذه الحالة ، تصبح سرعة الموقع غالبًا مفتاح النتيجة. </p>
</body>
</html>
أدخل http: //localhost/font_h.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.11.
الشكل 4.11 إعدادات العنوان
4.2.9 تعلم التعامل مع الأحرف الخاصة في صفحات الويبفي HTML ، تحتوي بعض الأحرف على معاني خاصة ، مثل <و> هي الأقواس اليسرى والإغلاق للعلامة ، بينما تتحكم العلامة في عرض HTML. لا يمكن تحليل العلامة نفسها إلا من قبل المتصفح ولا يمكن عرضها على الصفحة. لذلك ، كيف تعرض <و> في HTML؟ يحدد HTML طريقة كتابة بعض الأحرف الخاصة التي سيتم عرضها على صفحات الويب ، كما هو موضح في الجدول 4.1.
الجدول 4.1 أحرف خاصة في HTML
الرموز الخاصة
رمز HTML
الرموز الخاصة
رمز HTML
<
& lt ؛
™ (رمز العلامة التجارية)
&تجارة؛
>
& gt ؛
® (رمز التسجيل)
& reg ؛
(نصف العرض باللغة الإنجليزية)
& quot ؛
×
& times ؛
§
& Sect ؛
© (رمز حقوق الطبع والنشر)
&ينسخ؛
قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه string.htm ، واكتب رمز string.htm كما هو موضح في الرمز 4.12.
رمز 4.12 إعدادات الأحرف الخاصة: string.htm
<html>
<head>
<title> إعدادات الأحرف الخاصة </title>
</head>
<body>
<حجم الخط = 5>
كيفية عرض العلامات: & lt ؛ html & gt ؛ <br />
كيفية عرض الاقتباسات: "English Half-Width Double Quotes" <BR />
طريقة عرض العلامات التجارية: & trade ؛ <br />
كيفية عرض رموز التسجيل: & reg ؛ <br />
كيفية عرض رموز حقوق الطبع والنشر: & copy ؛ <br />
عرض و Sect ؛ <br />
عرض وأوقات ؛
</font>
</body>
</html>
أدخل http: //localhost/string.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.12.
الشكل 4.12 إعدادات الأحرف الخاصة
- الوصف: يجب عرض الرموز بشكل منفصل ويجب استخدامها مع الكود & amp ؛.
4.2.10 كيفية تجاهل متصفح متصفح بعض HTML بشكل أكثر ملاءمةإذا قمت بعمل مثال رمز HTML مشابه لهذا الكتاب على صفحة ويب ، فقد تضطر إلى تحويل جميع <و> إلى & lt ؛ وسيبدو أكثر إثارة للقلق. يمكن أن يحل هذه المشكلة <cmp> </smp> <cmp> </smp> في رمز HTML بسهولة.
<PlainText> هي علامة واحدة. عندما يتم إدخالها في رمز HTML ، فإن جميع علامات HTML بعد أن تكون غير صالحة. أي أن المتصفح لا يحلل جميع علامات HTML بعد <sultext> ويعرضها مباشرة على الصفحة.
<xmp> </smmp> هي علامة مزدوجة ، والتي تعطل فقط العلامات الموجودة في المحتوى الذي يحتوي عليه ، واستخدام <xmp> </smp> أكثر شيوعًا. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه html.htm ، واكتب الرمز كما هو موضح في الرمز 4.13.
الكود 4.13 تجاهل إعدادات العلامات: html.htm
<html>
<head>
<title> تجاهل إعدادات العلامات </title>
</head>
<body>
<h2> QinyUanchun · Changsha </h2>
<xmp> مستقلًا عن الخريف البارد ، <strong> انتقل إلى الشمال من نهر Xiangjiang </strong> ، رأس جزيرة Orange. <br /> انظر إلى الجبال الحمراء والغابات مصبوغة ؛ <br /> النهر أخضر وواضح ، ومئات القوارب تتنافس على التيار. </u> <br/> </smp>
يضرب النسور السماء ، وتسبح الأسماك في القاع الضحل ، وجميع أنواع الأنواع تتنافس على الحرية في سماء الصقيع. <br /> عندما أكون حزينًا على الأرض الشاسعة ، من المسؤول عن الصعود والهبوط؟ <br />
<slytext>
أحضرت مئات الأزواج للسفر ، واستذكرت السنوات المجيدة الماضية. <br /> زملاء الدراسة صغار ، في برايمهم ؛ <br /> الباحث مليء بالحماس والشجاعة. <br /> أخبر البلد وألهم الكلمات ، <br /> كان سماد الأوساخ عشرة آلاف أسرة في ذلك الوقت. <br /> هل سبق لك أن تذكرت أنه عندما تضغط على الماء في الوسط ، ستتوقف الأمواج عن قوارب الطيران!
</body>
</html>
أدخل http: //localhost/string.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.13.
الشكل 4.13 تجاهل إعدادات العلامات
4.2.11 طرق تعديل النص الأخرىلتلبية احتياجات الحقول المختلفة ، لدى HTML علامات أخرى تعدل النص. أكثرها استخدامًا هي ملصقات تنسيق SuperScript وملصقات تنسيق ترجمة. في بعض الحالات ، تحتاج حتى إلى استخدام تأثير الحذف ، ويمكنك استخدام علامة HTML منتصف التصفية.
- علامة تنسيق SuperScript هي العلامة المزدوجة <sup> </sup> ، والتي تُستخدم في الغالب لتمثيل الصالات الرياضية ، مثل المربع أو العداد المكعب لرقم معين.
- تسمية تنسيق التراكمية هي التسمية المزدوجة <sub> </sub> ، والتي تُستخدم في الغالب في التعليقات التوضيحية والتمثيل الأساسي الرياضي.
-التسمية المتوسطة الدرجة هي ملصق مزدوج <Srive> </strike> ، والذي يستخدم في الغالب لتأثيرات الحذف.
قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه other.htm ، واكتب الرمز كما هو موضح في الرمز 4.14.
الرمز 4.14 إعدادات علامة التعديل الأخرى: other.htm
<html>
<head>
<title> إعدادات أخرى لتعديل العلامات </title>
</head>
<body>
<حجم الخط = 5>
QinyUanchun <Sup> Changsha </sup>! <br />
تمثيل الفهرس الرياضي: 2 <Sup> 3 </sup> = 8 ، 100 <Sup> 2 </sup> = 10000 <Br /> <hr />
QinyUanchun <Sub> Changsha </sp>! <br />
تمثيل الأرقام الأساسية الرياضية: السجل <sub> 3 < /sub> 81 = 4 ، سجل <sub> 5 </sub> 125 = 3 <br /> <hr />
تأثير الحذف: <strike> تم حذفني </strike>
</font>
</body>
</html>
أدخل http: //localhost/other.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.14.
الشكل 4.14 إعدادات علامات التعديل الأخرى