본문 바로가기

728x90

분류 전체보기

(96)
#5. List & Table 1. List 1.1 순서없는 목록 순서없는 목록 apple banana grape HTML 삽입 미리보기할 수 없는 소스 순서없는 목록은 ul태그를 이용하여 작성된다. ul태그 속 li태그를 넣어 List 속 목록들을 작성해준다. 1.2 순서있는 목록 순서있는 목록 apple banana grape HTML 삽입 미리보기할 수 없는 소스 순서있는 목록은 ol태그를 이용하여 작성된다. 마찬가지로 List 속 목록들은 li태그를 이용하여 작성해준다. ol태그는 type어트리뷰트를 사용하여 순서를 나타내는 문자를 지정해 줄 수 있다. 1 숫자 (기본값) A 대문자 알파벳 a 소문자 알파벳 I 대문자 로마숫자 i 소문자 로마숫자 apple banana grape apple banana grape apple b..
#4. HTML의 핵심 Link HTML에서의 하이퍼링크는 태그를 사용하여 일어난다. 1. href href는 이동하고자 하는 파일의 위치(경로)의 값을 받는다. 경로란 파일의 특정위치를 말한다. href에 사용 가능한 값은 다음과 같다. 절대 URL 웹사이트 URL (href="https://develop-historychosun.tistory.com/") 상대 URL 자신의 위치를 기준으로 한 대상의 URL (href="css/style.css") fragment identifier 페이지 내의 특정 id를 갖는 요소의 링크 (href="#") 메일 href="mailto:???@example.com" script href="javascript:alert('Hello');" URL Local file Download file fra..
#3. 텍스트 관련 태그들 정리 1. 제목 태그 Hello! Hello! Hello! Hello! Hello! Hello! HTML 삽입 미리보기할 수 없는 소스 제목을 나타내는 태그에는 6가지가 있다. 각각의 숫자가 늘어날수록 글자의 크기는 작아진다. 2. 글자의 형태 태그 This is normal text. This is bold text. This is italic text. This is mark text. This is del text. This is inserted text. HTML 삽입 미리보기할 수 없는 소스 1. b : bold(굵게)체를 지정한다. 2. i : Italic(기울임)체를 지정한다. 3. mark : 해당 글자에 하이라이트를 지정한다. 4. del : 해당 글자에 취소선을 지정한다. 5. ins : 해..
#2. head 요소의 여러가지 태그들 이번 시간에는 head요소들의 여러가지 태그들에 대해서 알아보자. html의 문서는 2행의 부터 시작한다고 하였다. 이 요소에도 속성을 사용 할 수 있는데 특히 lang 속성을 사용하는 경우가 많다. 위의 예시는 한국어를 주 언어로 하는 경우의 예이다. meta의 요소들은 여러 정의에 사용된다. 먼저 charset은 브라우저가 사용할 문자셋을 정의한다. 대부분 "UTF-8"을 사용한다. 두번째로 keywords는 검색엔진이 사용할 keyword를 정의한다. 세번째로 description은 사용자가 검색을 하였을때 나타나는 웹페이지 설명이다. 네번째로 author는 웹페이지의 저자를 표시한다. 마지막으로 refresh는 위에 나와있는 코드를 해석하면 30초마다 웹페이지를 Refresh한다는 뜻으로 해석된다..
#1. HTML의 기본 문법 Hello! HTML 삽입 미리보기할 수 없는 소스 코드 내에 있는 요소들을 하나씩 살펴보도록 하자. HTML은 반드시 로 시작하게된다. 실제적인 코드는 2행부터 시작하게되는데 과 사이에 기술한다. 사이에는 document title, 메타데이터 등이 기술하게 되며 이 정보들은 브라우저에 표시되지 않는다. 브라우저에 출력되는 요소들은 사이에 위치된다. HTML의 요소는 시작태그와 종료태그 그리고 그 사이에 위치한 content로 구성된다. 또한 이 요소들은 중첩이 되어 사용될 수 있다. Hello! 안녕하세요! HTML 삽입 미리보기할 수 없는 소스 위의 코드에서 확인할 수 있듯이 body요소 안에 h1과 span의 요소를 포함하며 이를 출력해주고 있다. Hello! 안녕하세요! 또한 각 요소들에게는 속..
[백준 자바JAVA] 1264번 - 모음의 개수 https://www.acmicpc.net/problem/1264 1264번: 모음의 개수 입력은 여러 개의 테스트 케이스로 이루어져 있으며, 각 줄마다 영어 대소문자, ',', '.', '!', '?', 공백으로 이루어진 문장이 주어진다. 각 줄은 최대 255글자로 이루어져 있다. 입력의 끝에는 한 줄 www.acmicpc.net ● 문제 문장을 입력 받은 뒤 영어의 모음 a, e, i, o, u 의 갯수를 출력해 주고 #을 입력받으면 프로그램을 종료하는 알고리즘이다. ● 코드 import java.util.*; public class Main { public static void main(String[] args) { Scanner s = new Scanner(System.in); while(true..
[백준 자바JAVA] 1157번 - 단어 공부 https://www.acmicpc.net/problem/1157 1157번: 단어 공부 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. www.acmicpc.net ● 문제 단어를 입력받고 해당 단어들의 알파벳의 아스키코드를 비교해 가장 많이 출력된 알파벳을 구하는 문제이다. ● 코드 import java.util.*; public class Main { public static void main(String[] args) { Scanner s = new Scanner(System.in); String aString = s.nextLine().toUpperCase(); int cnt[] = ..
[백준 자바JAVA] 1552번 - 단어의 개수 https://www.acmicpc.net/problem/1152 1152번: 단어의 개수 첫 줄에 영어 대소문자와 공백으로 이루어진 문자열이 주어진다. 이 문자열의 길이는 1,000,000을 넘지 않는다. 단어는 공백 한 개로 구분되며, 공백이 연속해서 나오는 경우는 없다. 또한 문자열 www.acmicpc.net ● 문제 해당 문제를 보자마자 떠오른 생각은 Split을 이용하여 단어의 갯수를 세야겠다는 생각이 바로 들었다. 다만 코드를 짜면서 주의할 점이 있었다. 코드를 보면서 알아보자. ● 코드 import java.util.*; public class Main { public static void main(String[] args) { Scanner s = new Scanner(System.in)..

728x90