HTML 속성 (Attribute) - 모든 요소는 속성을 가질 수 있다. - 속성은 해당 요소의 여는 태그에 정의해야 한다. - 대부분의 속성은 속성 이름과 속성 값이 짝을 이룬다. - 속성은 해당 요소에 대한 추가적인 정보를 묘사한다. # 속성(Attribute) - 모든 요소는 속성을 가질 수 있다. - 속성은 해당 요소의 여는 태그에 정의해야 한다. - 대부분의 속성은 속성 이름과 속성 값이 짝을 이룬다. - 속성은 해당 요소에 대한 추가적인 정보를 묘사한다.
HTML 요소 (HTML Element) - 여는 태그와 닫는 태그와 그 사이의 내용을 모두 통틀어 HTML 요소라고 부른다. - 모든 태그에 여는 태그와 닫는 태그가 있는 것은 아니다. (, 태그 등 닫는 태그를 생략가능한 태그들도 있다.) - /가 없는 태그를 여는 태그라고 하고 /가 있는 태그를 닫는 태그라고 한다. # HTML 요소(HTML Element) - 여는 태그와 닫는 태그와 그 사이의 내용을 모두 통틀어 HTML 요소라고 부른다. - 모든 태그에 여는 태그와 닫는 태그가 있는 것은 아니다. , 태그 등 닫는 태그를 생략가능한 태그들도 있다. - /가 없는 태그를 여는 태그라고 하고 /가 있는 태그를 닫는 태그라고 한다.
- heading tag, 1 ~ 6까지 있다. - 글씨를 굵고 크게 표시한다. - 줄 바꿈 기능이 있다. (영역을 보유하고 있음) Emmet - 반복되는 태그를 쉽게 생성할 수 있는 플러그인 h1*5 : h1을 5개 h1>h3*5 : h1 내부에 h3를 3개 (h1>h3)*3 : h1 내부에 h3를 넣은 것을 3개 h$*6 : h1 ~ h6까지 생성 - paragraph, 문단 태그 - bold, 글자를 굵게 - italic, 글자를 기울임꼴로 H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H ..
HTML이란? 1. Hyper Text Markup Language (HTML) 2. 웹 페이지의 생김새를 표현하는 마크업 언어 (Markup 언어 : 열고 닫는 형식의 언어) 3. HTML 형식으로 작성된 텍스트를 웹 브라우저가 해석하여 사용자에게 그려줄 수 있다. (랜더링) 4. HTML에서는 여러개의 공백도 하나의 공백으로 인식한다. 5. 웹 브라우저 : Chrome, Safari, FireFox, Whale, Edge, Explorer ... 6. 웹 브라우저는 서버에 접속해서 받아온 HTML 코드를 해석하여 우리에게 그려주는 프로그램이다. HTML 주석 - 엔터키가 먹히지 않기 때문에 사용하는 태그 - 공백이 여러개 먹히지 않기 때문에 사용하는 탈출기호(Entity)
package gui; import java.awt.GridLayout; import java.awt.Image; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; public class S14_Image { public static void main(String[] args) { JFrame f = new JFrame("Image..."); JLabel image1 = new JLabel(); JLa..
package gui; import java.awt.FlowLayout; import javax.swing.JButton; import javax.swing.JFrame; public class S13_FlowLayout { public static void main(String[] args) { JFrame f = new JFrame("Flow..."); FlowLayout flow = new FlowLayout(); for (int i = 0; i < 30; ++i) { f.add(new JButton("button" + i)); } f.setLayout(flow); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setBounds(100, 100, 500..
package gui; import java.awt.BorderLayout; import java.awt.GridLayout; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JPanel; public class S12_JPanel { /* # JPanel - 컨테이너 역할을 하는 컴포넌트 - 레이아웃 위에 또 다른 레이아웃을 설정할 수 있다. */ public static void main(String[] args) { JFrame mainFrame = new JFrame("JPanel Test"); GridLayout grid = new GridLayout(2,2); JButton b1 = new JButton("1"..
package gui; import java.awt.GridLayout; import javax.swing.JButton; import javax.swing.JFrame; public class { public static void main(String[] args) { JFrame f = new JFrame("GridLayout Example"); GridLayout grid = new GridLayout(3, 5); // 여백 설정 grid.setHgap(5); // Horizontal gap grid.setVgap(5); // Vertical gap for (int i = 0; i < 15; ++i) { f.add(new JButton("button" + i)); } f.setLayout(grid)..
