분류 전체보기(45)
-
HTML,CSS,Js - HTML 텍스트 강조.
1. strong 태그는 텍스트의 의미를 강조할 때 사용합니다. 이 과자는 너무 너무맛있습니다. 2. em 태그는 글자가 기울어져 보이는 역할을 합니다.이 과자는 너무 너무 맛있습니다.
2024.07.30 -
HTML,CSS,Js - HTML 링크와 이미지 넣는 방법.
1. a 태그는 HTML에서 내부나 외부링크를 생성할 때 사용합니다. (대상 경로 의미인 href 속성 필수 사용.)- href는 링크의 주소를 입력할 때 사용.- target은 사이트 연결 방식 여부.- title은 링크 설명. 2. img 태그는 HTML에서 이미지를 삽입하고 싶을 때 사용합니다. 3. 이미지에 링크 추가.
2024.07.30 -
HTML,CSS,Js - HTML 목록 만들기.
1. ul 태그는 순서가 없는 비순서형 목록을 생성할 때 사용합니다. (목록 내용은 li 태그로 구성합니다.) 목록 이름 목록1 목록2 목록3 2. ol 태그는 순서형으로 목록을 생성할 때 사용합니다. (내용은 li 태그)하루 루틴 아침 8시 기상 모닝 체조 아침 먹기 3.dl 태그는 정의형 목록을 구성할 때 사용합니다.*정의형 목록: 용어와 용어 설명을 나열한 형태의 목록.(dt 태그: 용어)(dd 태그: 용어 설명) Web 동영상이나, 음성 따위의 각종 멀티미디어를 이용하는 인터넷을 이르는 말.
2024.07.29 -
HTML,CSS,Js - HTML 그룹 짓기.
1. div 태그는 블록 요소와 인라인 요소를 그룹으로 묶을 때 사용합니다. 과자 소개 과자를 소개하는 페이지입니다. 아이스크림 소개 아이스크림을 소개하는 페이지입니다. div 태그를 사용할때나 사용하지않을때나 시각상으로 달라지는건 없지만 영역별로 코드안에서 그룹을 지으면 코드 가독성이 높아집니다.2. span 태그는 인라인 요소를 그룹으로 묶을 때 사용합니다.과자 소개이번 과자는포카O입니다. 특정 텍스트만 스타일을 다르게 적용할려면 태그 내부에서 공간을 분할해야할 때 span 태그를 사용합니다.
2024.07.28 -
HTML,CSS,Js - HTML 텍스트 작성.
1. hn 태그는 제목이나 주제를 나타낼 때 사용합니다. 제목1 제목2 제목3 제목4 제목5 제목6 2. p 태그는 본문의 문단을 작성할 때 사용합니다. 한 문단을 작성할려면 p태그를 사용. 3. br 태그는 문단 줄 바꿈할 때 사용합니다.한 문단을 작성할려면 p태그를 사용. 4. blockquote 태그는 출처에서 인용한 문단을 작성할 때 사용합니다. (출처가 확실하다면 사이트속성을 사용해 출처 경로 설정) 웹의 원래 의미는 「거미집」으로 하나의 사이트나 또는 다른 사이트와의 관계가 거미집처럼 복잡하게 얽혀 있기 때문에 웹이라고 부른다. 5. q 태그를 사용한 콘텐츠는 큰따옴표로 묶입니다.과거 통계에 따르면 2000년대 중반까지만 ..
2024.07.28 -
HTML,CSS,Js - 첫 번째 HTML 문서 만들기.
1. VSCode를 실행해 상단 메뉴에서 File - Open Folder를 선택합니다. 2. HTML 문서를 작성할 프로젝트 폴더를 고르는 창이 생성되고, 여기에서 폴더를 만들고 선택합니다. 3. 새 파일 아이콘 클릭합니다. 4. 파일명을 index.html로 입력합니다. 5. 오른쪽 편집기가 뜨면 입력칸에 !를 입력후 엔터를 클릭하면 기본 HTML코드를 자동으로 입력됩니다. 6. 입력된 코드를 아래와 같이 수정해봅시다.(내용은 자유롭게 수정가능.) 첫 번째 웹 페이지 7. 완성된 페이지.
2024.07.28 -
About me
- Object소프트웨어를 전공했으며, 2025년 2월 졸업 예정입니다.풀스택 엔지니어, 지능형 IoT 개발, 게임 기획 및 개발에 관심이 큽니다.Python, C#, js, html 언어를 주로 사용해왔습니다.- 학력소프트웨어학과, 부산가톨릭대학교, 2025년 2월 졸업 예정[2018](교내) 교내 4D 헬스케어 사업단으로 ICT융복합전공 (1년)(교내) 4D-CROSS MEDICAL 해커톤 인기상 수상(교외) 2018학년도 제16회 KNN환경마라톤 봉사 참여(교외) 2018학년도 농촌봉사 활동 참여 (교외) 2018학년도 CUP 봉사단 활동[2019] 소프트웨어학과 학생회 기획부장 [2020] 소프트웨어학과 학생회 기획부장 [2020-07 - 2023-06] (휴학) (교외) 그래픽 디자인 프리랜서 ..
2024.07.26 -
HTML,CSS,Js - 메모장 만들기. (+저장 기능)
- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소 https://warm-wisp-80c7da.netlify.app/ 간단한 메모장간단한 메모장 제목 메모 저장 전체 지우기 저장된 메모warm-wisp-80c7da.netlify.app - 완성화면 (1) 시작화면 (2) 메모 입력화면 (3) 저장화면 (4) 내 컴퓨터에 저장 화면 (5) 저장된 모습(메모장 사이즈에 맞게 저장) - 핵심 코드 설명 (1) HTML 부분 제목 메모 ..
2024.07.26