250x250
jhs0129
프로그래밍
jhs0129
전체 방문자
오늘
어제
  • 분류 전체보기
    • 자격증
      • SQLD
      • 정보처리기사
    • 프로젝트
      • html csss js - todolist
      • JSP 방명록
      • 졸업작품
    • 공부기록
      • Java
      • Spring
      • Spring Security
      • Algorithm
      • JPA
      • DB
      • Servlet JSP
      • html
      • 기술공유
    • 잡다한 생각

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 프로젝트
  • EC2
  • AWS
  • spring data jpa
  • 스프링
  • nhn cloud 강의
  • JPA
  • Spring Security
  • codedeploy
  • github
  • oAuth2
  • cicd
  • spring framework
  • 스프링 프레임워크
  • 스프링시큐리티
  • Spring Security Login
  • spring boot
  • NHN Cloud
  • spring
  • rest docs

최근 댓글

최근 글

티스토리

반응형
hELLO · Designed By 정상우.
jhs0129

프로그래밍

공부기록/html

html (1) - 태그

2021. 8. 7. 13:28
320x100
반응형

태그는 <>~</>로 이루어짐

아래 모든 것들은 <html>밑에 작성

 

  1. 문서관련 - <head>밑에 작성

    <title> - 웹페이지 제목 지정

    <meta charset="UTF-8"> - 글씨 깨지면 작성

 

  2. 본문 - <body>밑에 작성

  • 기본태그

제목 - <h1> 소제목으로 만들 수록 숫자가 1,2 순서로 이어나가면됨 (header)

글씨 굵기 - <strong>

링크 연결(하이퍼텍스트) - <a href="url주소">, 속성 target="_blank" 새로운 창으로 연결, title="~~~" 링크 설명 태그 추가 (anchor)

<h1>오늘의 명언</h1>
우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다. 
(<a href="https://ko.wikipedia.org/wiki/%EB%8F%84%EB%84%90%EB%93%9C_%EC%BB%A4%EB%88%84%EC%8A%A4" target="_blank">도널드 커누스</a>)

 

  • 목록태그

<li> - 목록으로 ●을 앞에 표시 (list)

<ul> - 그룹으로 묶기? (unordered list)

<ol> - 순서지정 (ordered list), 1. 2. 3. .....

<ol>
  <li>기술소개</li>
  <li>기본문법</li>
  <li>하이퍼텍스트와 속성</li>
  <li>리스트와 태그의 중첩</li>
</ol>

<ul>
  <li>홍길동</li>
  <li>김철수</li>
  <li>html</li>
  <li>css</li>
</ul>

 

  • DOCTYPE

어떤 방식 파일의 형식으로 만들어 졌는지 설명

320x100
반응형

'공부기록 > html' 카테고리의 다른 글

html 실습  (0) 2021.08.09
html(3) - 폼  (0) 2021.08.07
html(2) - 태그2  (0) 2021.08.07
html 시작  (0) 2021.08.07
    '공부기록/html' 카테고리의 다른 글
    • html 실습
    • html(3) - 폼
    • html(2) - 태그2
    • html 시작
    jhs0129
    jhs0129
    공부기록 남기기

    티스토리툴바