220701 HTML 3일차

어제는 

텍스트 문서로 HTML 작업하고

오늘은 VSC깔아서

거기서 작업했다.

그리고 Java와 SQL 연결해서 데이터 산출하는 것 시험 봤는데

오 나름 객체와 메서드 잘 만들고 실행까지 했는데...

초반에 시간을 너무 잡아 먹어서 

디테일이 부족하다... 한 10분만 더 있었으면

딱 깔끔하게 했을 텐데 ㅠ

그래도 문제 푸는 내내 즐거웠으니 만족!

밑에는 어제 오늘 HTML에서 사용되는 태그 요약정리 해보았다.

눈이 감기는 중이기 때문에...

문제는 내일 다시 첨부 수정하는 걸로!

 

<h1>제목</h1>

<p> 어쩌구 저쩌구 </p>.     -> 요소     그 안에 태그가 있다.

 

  1) 동일 폴더에 있다면 

    => "대상 파일명 " 만 기재함

   2) 하위 폴더에 있다면

    => " 하위폴더명/파일명 "

   3) 상위 폴더에 있다면

    => "../파일명 "

<h1~6> 제목

<p> 문단

<br> 엔터

&nbsp; 띄어쓰기

<a> 링크.   href=“URL

<img src=“URL” alt=“이름” width=“폭” height=“높이”>

<div> 영역지정하기

<button onclick=“location.href=‘http:~”> 버튼

<ul>  동그라미로 나옴 순서없이.

<ol> 1.2.3.4 이렇게 순서대로 나옴

<li> 리스트 목록들.

<span> 확장하기

<strong> 강조 <b>

<i> 강조 기울이기 <em>

font-weight:bold;

<del> 취소선

<hr> 수평선

 

<style>

{border: 1px solid #000;}

div { padding: 3px;                padding 표 내부 확장

        border: 2px pink;} margin 표 외부 확장

top right bottom left 순서

padding: 6px 10px 6px 10px;

h1 { color:green;

       font-size:20px;}

</style>

 

<table>

<caption> 표 위에 제목

table { boreder-collapse: collapse; 붕괴 }

<tbody>

<tr>

<th> 표 제목

<th colspan=“2”>그림</th> colspan : 열병합 세로병합

rowspan: 행병합 가로병합

 

<th는  기본값이 가로        세로 중앙 >

<td는 기본값이 가로 왼쪽 세로 중앙>

th { text-align: center; 가로정렬 left,right

       vertical-align: bottom; 세로정렬 top,middle}

 

<td>

 

 

이렇게 정리 해보았다!