استفاده از تگ span در Html

دوستان عزیز سلام

انشاالله قصد دارم در این مقاله مطالب و نکاتی که در مورد Html برایتان بیام کنم.

نکته اول: زبان Html مخفف کلمه  Hypertext Markup Language  میباشد،

که مفهوم ان یعنی،  زبان نشانه گذاری فرامتن…

به ان فرامتن گفته میشود، چرا که ما میتوانیم با نوشتن کد ها، عکس ها و فیلم و … را به عنوان

خروجی دریافت کنیم.

نکته دوم: وقتی متنی را درکد خود قرار داده ایم، قصد داریم قسمت کوچکی از انها را تغییر دهیم، میتوانیم از تگ

<span></span> استفاده  کنیم.

استفاده  از این روش باعث میشود که ما بتوانیم از طریق استایل دهی از درون همان کد Html  ان قسمت کوچک از کد خود را

تغییر دهیم.

مثلا فرض کنید میخواهیم متن زیر را ایجاد کنیم.

?Hello, I am MOSTAFA, are you ok

ما میخواهیم در متن بالا کلمه مصطفی را تغییر دهیم. یعنی به ان استایل های دلخواه خود را دهیم. به همین علت از تگ مذکور

استفاده میکنیم.

به مثال زیر دقت کنید.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>p {
        font-size: 40px;
        background-color: yellow;
        color: #000000;
        line-height: 200px;
        padding: 10px;
    }

    span {
        color: red;
        font-size: 70px;
    }</style>
</head>
<body><p>Hello, I am <span>MOSTAFA</span>, are you ok?</p></body>
</html>

قطعه کد زیر را بنویسید و در مرورگر خود اجرا کنید.

موفق باشید 🙂

 

local_offerevent_note تیر ۳۱, ۱۳۹۷

account_box mostafa haftani


local_offer

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *