희원96
코딩 공부 일기
희원96
전체 방문자
오늘
어제
  • 다이어리 (94)
    • 일상 (2)
      • #.일기 (2)
      • 정보처리기사 (0)
    • 코딩 공부 (90)
      • Python (11)
      • Java (12)
      • DB (18)
      • Arduino (5)
      • HTML,CSS (7)
      • JSP, Servlet (14)
      • Javascript (8)
      • jQuery (2)
      • Spring (1)
      • Android (8)
      • ML (4)
      • React (0)
    • 프로젝트 (1)
      • 미니프로젝트 (1)
      • 1차프로젝트 (0)
      • 2차프로젝트 (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 개발 공부 일기

인기 글

태그

  • JavaScript
  • 스마트인재개발원
  • 자바스크립트
  • JSP
  • 자바
  • jQuery
  • 아두이노
  • 데이터베이스
  • HTML
  • Servlet
  • 파이썬
  • Android
  • 화이팅
  • arduino
  • Ajax
  • Spring
  • Python
  • ml
  • DB
  • Database
  • java
  • 제이쿼리
  • 머신러닝
  • JS
  • 안드로이드
  • CSS
  • 스프링
  • JavaFestival

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
희원96

코딩 공부 일기

[HTML] 태그
코딩 공부/HTML,CSS

[HTML] 태그

2022. 4. 25. 16:41
리스트 태그

 

 

<ul>

:(unordered list)번호없는 목록을 사용할 때 사용하는 태그

<ol>

:(ordered list)번호있는 목록을 사용할 때 사용하는 태그

<li>

:(list item)공통적으로 사용되는 태그

 

 

 

<img> 이미지 태그

: 웹 페이지에 이미지를 보여주는 태그

 

src : 이미지의 경로 지정(파일 경로나 URL)

alt : 이미지에 대한 설명(경로가 잘못되었을 경우)

 

절대 경로

: 어떤 페이지나 파일이 가진 고유한 경로 *외부 웹페이지로 연결할 때 사용

 

상대 경로

: 특정 위치를 기준으로 파일을 찾는 경로 * 내부 자료를 연결할 때 사용

 

 

<a href = "url">텍스트</a>

 

href :  hypertext referenece로 연결할 주소 지정

name :  문서 내 특정 위치 이동

target :  링크된 내용이 열릴 대상

 

 

<table>

 

1) 표를 만들어야 겠다! => <table></table>
2) 몇줄로 만들래? => table row => <tr></tr>
3) 몇칸으로 만들래? => table header => <th></th>
                           => table data => <td></td>
4) 표 안의 데이터를 채워준다! => th,td의 content안에 작성

 

실습

 

colspan : 가로 셀 병합

rowspan : 세로 셀병합

실습 응용

 

    '코딩 공부/HTML,CSS' 카테고리의 다른 글
    • [CSS] 선택자
    • [HTML] 실습
    • [HTML]form 태그
    • [HTML] 기초
    희원96
    희원96
    개발 공부

    티스토리툴바