HTML-Block

임재헌·2023년 3월 24일
0

HTML

목록 보기
15/20
<!DOCTYPE html>   
<html lang="ko"> 
<head>
       <title> block </title> 
    </head>
    <body>
    <!-- 특정영역에 대해서 범위를 지정할 수 있다 
    <h1> <p> <ul> <div> <span>-->
      
    <h3> 블럭요소 block</h3>
    <!-- 블럭요소의 크기는 자신이 감싸는 내용과 상관없이 자신의 영역을 가지고 있음 -->
    Text1
    Text2
    Text3
    <hr>
    <!-- 블럭 존재하는 경우-->
    <div> Text1</div>
    <div> Text2</div>
    <div> Text3</div><hr>
    <!-- 블럭 인용구-->
    <blockquote> Text9</blockquote>
    <blockquote> Text8</blockquote>
    <blockquote> Text7</blockquote>
    <hr>

    <pre>
       서울 특별시
       강남구 
    </pre>
    <!-- 반드시 css와 같이 사용해야 한다-->
    
        <h3>인라인 요소 inline</h3>
        <!-- 인라인 요소의 크기는 자신이 감싸는 내용과 밀접하며,
			내용의 크기가 자신의 크기가 된다 -->
            
      		<strong>진하게</strong>
            <u>밑줄</u>
            <i>기울임</i>
            <a >링크</a>
            <span>아이티윌</span>
            <textarea cols="30" rows="10"></textarea>
            <hr>
            <h3>블럭 요소의 크기</h3>
            <div style="background-color: crimson;">DIV</div>
            <blockquote style="background-color: cadetblue;">blockquote</blockquote>
            <pre style="background-color: blueviolet;">pre</pre>
            <h1 style="background-color: darkseagreen;">h1</h1>

            <ul style="background-color: hotpink;">
                <li>java</li>
                <li>python</li>

            </ul>
        <hr>
        <h3>인라인 요소의 크기</h3>
        <strong style="background-color: darkorange;">손흥민</strong>
        <span style="background-color: firebrick;">김연아</span> 
      
        <!--블럭 요소와 인라인 요소는 css에서 주로 편집한다-->
            <div style="background-color: blueviolet; width: 200pt; height: 10cm;"></div>
            
    </body>
</html>

0개의 댓글

관련 채용 정보