view (문서)
내용
metadata(설명하는 data) - 디자인 ex:옷의 태그 /책의 목차
meta: ~에 대한
메타정보를 어떻게 표현할까
내용-글자(.txt, 텍스트)->모든 시스템에 호환된다.
메타정보를 텍스트로 표현하자->markup 방식
<>:태그
우리나라 u좋은나라/u
우리나라 <u>좋은나라</u>
*부스트코스> 비전공자를 위한 HTML/CSS
https://www.boostcourse.org/cs120
둘러보기
문제)
진미루 메뉴
요리부
깐풍기
탕수육
팔보채
식사부
짜장면
짬뽕
탕수육
인터넷에 연결된 컴퓨터 : 호스팅
ip 주소: 인터넷에 연결된 컴퓨터(host)를 구별하는 번호
웹서버:ip주소로 요청하면 웹페이지를 보여주는 프로그램
http://127.0.0.1:5500/017.html
->127.0.0.1 내컴퓨터
->:5500 내 컴퓨터에서 실행중인 인터넷프로그램을 구별하는 번호(port)
★브라우저 웹 보안 관련 / 외부연결 vs 내부연결 테스트 ★
<html>
<head>
<title> a 태그</title>
</head>
<body>
<!--외부 연결-->
<a></a>
<!--내부 연결-->
<a></a>
</body>
</html>
*<hr>구분선 태그
오늘 반드시 블로그만들기!
[기본보기창]
웹브라우저 보기창 F12
vscode 보기창 보기>디버그콘솔 OR 문제
exam
개인별로 페이지를 만들자
자기소개페이지(intro.html)
취미나 특기 좋아하는 아이돌등 3개항목정보 포함
xxx.html yyy.html zzz.html 를 만들고 자기소개페이지에서 링크
각 xxx,yyyzzz.html 는 intro.html로 돌아가는 링크를 포함한다
작성한 페이지를 git에 업로드하시오
조별로 자기소개페이지들을 연결한 페이지를 작성하고 업로드하시오
조별 페이지 주소를 hasaway1@daum.net으로 보내시오
편집기 : 메모장/한글/VScode/eclipse(java) 용도와 목적은 약간씩 다르지만
입력/수정/저장 의 본질은 변하지않음.
상대주소
../ --> 상위
./ --> 현재
-------------------------------------
개발할 때 절대주소 사용 xx (아마도 프로그램을 짜고 이걸 다른사람에게 전송 했을 때 문제가 되기 때문이지 않을까.)
인라인명령 : 개행문자 필요
-----------------------------------------------
target 속성 : 1. 새창 _blank, 2. 현재창 _self --> defalut값.
<iframe> : 독립창
-------------------------------------------------
CSS로 적용된 내용을 css로 저장해서 import할 수 있음.
2가지 방법.
1. style 사이에 @import url("css1.css");
2.<link rel = "stylesheet" type = "text/css" href="css1.css">
-------------------------------------
ul{background : lightgray; padding : 10px;}
li{display : inline; padding : 10px 5px;} # inline : 한줄에 써라.
a{color : black; padding : 5px 10px; text-decoration : none;}
a:hover{background : gray; color : "white";} #hover : 손가락이 올라가면 변함.
-------------------------------------------
<ol> : order list
<ul> : unorder list
<dl> : ??? => 점으로 표시
-----------------------------------------
와일드카드
A* : A로 시작하는 모든 단어
A?? : A로시작하는 3글자
------------------------------------------
동적페이지 : 사용자의 환경에 맞춰서 화면조정
radio button : name을 같이해줘야 한 그룹으로 인정 받음.
------------------------------------------
'인천일보아카데미 > - 학습일지' 카테고리의 다른 글
| [학습일지] JAVA 교육일지 6일차 (0) | 2022.05.26 |
|---|---|
| [학습일지] JAVA 교육일지 5일차 (0) | 2022.05.26 |
| [학습일지] JAVA 교육일지 4일차 (0) | 2022.05.25 |
| [학습일지] JAVA 교육일지 3일차 (0) | 2022.05.25 |
| [학습일지] JAVA 교육일지 1일차 (0) | 2022.05.23 |
