쿠릉쿠릉 쾅쾅
쿠릉쿠릉 쾅쾅
쿠릉쿠릉 쾅쾅
250x250
전체 방문자
오늘
어제
  • 분류 전체보기
    • HTML CSS
    • 잡담
    • 프로그래밍 꿀팁 사이트
    • 코딩 도서
    • [자바]
      • 디자인 패턴
      • 자바의 정석 - 3판
      • 자바
      • 자바 문법
    • git
    • [TDD]
    • 개발 서적 독후감
      • 클린 코더
      • 토비 스프링3
      • 객체지향의 사실과 오해
      • 모던 자바 인 액션
      • 엘레강트 오브젝트
    • CS
      • 운영체제
      • HTTP
    • [SQL]
      • SQL 기초
      • 혼자공부하는SQL
    • [ Spring ]
      • REST API
      • Spring Toy
      • Spring 에러
      • Spring
      • Spring 입문
      • Spring 핵심 원리
      • SpringMVC 1편
      • SpringMVC 2편
      • Spring Boot를 이용한 RESTful We..
      • Batch
    • [JPA]
      • JPA
      • JPA 에러
      • JPA 프로그래밍 - 기본편
      • 스프링 부트와 JPA 활용 1 - 웹 애플리케이..
      • 실전! 스프링 부트와 JPA 활용2 - API 개..
      • 실전! 스프링 데이터 JPA
      • 실전! Querydsl
    • 인텔리제이
    • [DB]
      • DB
      • H2
    • Gradle
    • 면접
    • [알고리즘]
      • 알고리즘
      • 자료구조
      • 자바 알고리즘 공부
    • [프로젝트]
    • 쿠릉식 객체지향 사고
    • 리눅스

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • http
  • querydsl
  • MVC
  • Spring
  • 알고리즘
  • 스프링부트
  • 깃허브
  • GitHub
  • 백준
  • springboot
  • JPA
  • 스프링
  • 재귀
  • java
  • REST API
  • SQL
  • Git
  • 자바
  • 함수형인터페이스
  • 자료구조

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
쿠릉쿠릉 쾅쾅

쿠릉쿠릉 쾅쾅

[HTML] 기타 Etc
HTML CSS

[HTML] 기타 Etc

2021. 8. 31. 00:36
728x90
<address>
  <h1>
  	쿠릉쿠릉
  </h1>
  <a href="https://www.naver.com/">주소</a>
</address>

 

◎ abbr 태그

  • <abbr title="단어 설명">단어</abbr>
// 기본형태
<abbr title=""></abbr>



// ex.1
<p>
    너.. 혹시 <abbr title="attention deficit / hyperactivity disorder">ADHD</abbr>니? 
</p>

 

 

 

abbr 태그의 예제 1번

 

 

 

 

 

◎ address 태그

  • 연락처 정보를 마크업할 때 쓰임
<address>
  <h1>
      쿠릉쿠릉
  </h1>
  <a href="https://www.naver.com/">주소</a>
</address>

 

 

 

 

◎ pre 태그

  • 고정된 글꼴을 사용하여 표현됨
  • 사용된 띄어쓰기와 줄바꿈이 모두 그대로 브라우저 화면에 나타남

// ex.1
<pre>
  ㅇ ㅏ ㄴ ㅕ ㅎ ㅏ ㅅ ㅔ ㅇ
  ㄴ    ㅇ                ㅛ
</pre>

 

pre 태그의 ex.1

 

 

 

◎ code 태그

  • 주로 pre 태그 안에 쓰임
  • 컴퓨터 코드의 일부분을 나타낼 떄 사용함
// ex.1

<pre>
  <code>
    for(i=0; i < args.length; i++){
    	System.out.println(args.length)
    }
  </code>
</pre>

code 태그의 ex.1

 

728x90

'HTML CSS' 카테고리의 다른 글

[HTML] 미디어 파일 Media  (0) 2021.08.31
[HTML] Table  (0) 2021.08.27
[HTML] Form(6)- Button  (0) 2021.08.22
[HTML] Form(5)- Textarea  (0) 2021.08.22
[HTML] Form(4)- Select & Option  (0) 2021.08.22
    'HTML CSS' 카테고리의 다른 글
    • [HTML] 미디어 파일 Media
    • [HTML] Table
    • [HTML] Form(6)- Button
    • [HTML] Form(5)- Textarea
    쿠릉쿠릉 쾅쾅
    쿠릉쿠릉 쾅쾅
    깃허브 주소 : https://github.com/kureung

    티스토리툴바