20240807

Dodo Lee·2024년 8월 7일

HTML5

  1. 글자관련 태그
    br: 엔터
    p: 위 아래로 여백이 존재하는 엔터
    b : 단순히 글자를 굵게 표시하는 태그
    i : 단순히 글자를 기울이는 태그
    -이전 ABC(태그는 중복 적요잉 가능하다) 이후
    strong : 중요성, 심각함 등을 표현하는 강조 태그
    em : 문장 일부분의 중요성을 강조할 때 사용
    mark : 형광펜 효과를 나타내는 태그
    u : under line(밑줄)을 나타내는 태그
    s : 취소선(잘못됨을 표시)
    small : 작은 글자 표시
    sup (윗첨자) : x2
    sub (아랫첨자) : log10
    abb> : 마우스 오버 시 툴팁 출력
  • title="" 필수 입력, ""안에 설명 값 입력
  1. 목록관련 태그
    ul(Unorderd List) 태그 : 순서가 없는 목록
    ol(Ordered List) 태그: 순서가 있는 목록
    li(List item) 태그: ul, ol 태그 내무에 들어가 목록의 요소를 나타내는 태그
  • ol 태그의 type 속성
    -type="a" -> 소문자 알파벳
    -type="A" -> 대문자 알파벳
    -type="i" -> 소문자 로마 숫자
    -type="I" -> 대문자 로마 숫자
    -type="1" -> 숫자(기본값)
    -start 속성 : 시작 번호 지정
    -reversed 속성 : 순서 반대로
  1. 실습
<ul>
    <li>프로그래밍언어
        <ul>
            <li><s>java</s></li>
        </ul>
    <li>데이터베이스
        <ul>
            <li><s>Oracle</s></li>
        </ul>
    </li>
  
    <li>화면구현
        <ol type="1">
            <li><mark>HTML5</mark></li>
            <li>CSS3</li>
            <li>Javascript</li>
            <li>Ajax</li>
        </ol>
    </li>
    
    <li>서버개발기술
        <ol type="i">
            <li><s>JDBC</s></li>
            <li>Servlet</li>
            <li>JSP</li>
        </ol>
    </li>
    
    <li>프레임워크
        <ol type="a">
            <li><Strong>Spring</Strong></li>
            <li>MyBatis</li>
        </ol>
    </li>
</ul>
profile
연습생

0개의 댓글