잼굴 코딩공장

Embedded contents의 요소들 src alt 반응형 이미지를 위한 srcset x서술자, w서술자 , sizes 속성 source media 속성 type 속성 HTML 페이지내에 이미지를 삽입할 때 사용하는 태그. 이미지만 넣을수 있음. src (source) : 태그에 이미지가 있는곳을 입력하기 위한 수단. 경로는 절대경로와 상대경로이어야 한다. alt (alternative text) : alt 속성은 이미지가 보이지 않을때 어떤 이미지인지 설명해주는것이다. 그리고 접근성을 위한 프로그램에 정보를 제공해주며, 브라우저에 이미지에 대한 정보를 전달함으로써 SEO에 도움을 준다. *SEO = Search Engine Optimize * 모든 이미지에 alt값을 넣을 필요는없음. 불필요한 내용..

Text-level semantics의 종류들 , , , , 1. 과 은 줄바꿈 태그이다. 은 원하는곳에서 줄바꿈을 할수있게 해주는것. 은 현재 요소의 줄바꿈 규칙을 무시하고 브라우저가 줄을 바꿀수 있는 위치를 정하는 것. 2. : 앵커. 하이퍼링크를 넣을수있게 하는 태그. 이형태로 사용함. 경로는 웹페이지 경로와 파일경로, 해시링크를 넣을수 있다. 웹페이지 경로는 웹페이지에서 이동하는것. 파일경로는 설정한 HTML로 이동하는것. 해시링크는 클릭을하면 해당 id를 가진 태그로 이동하는것. , 해시링크를 사용하기 위해서는 반드시 id값이 있어야한다. 3. , : CSS가 생기기전에 사용하던 굵은글꼴 태그이다. 이제는 사용하지 않는다. : 굵은글꼴에 대해서 강조하고 싶을 때 사용하는 태그. 막 사용하면 안됨..

1. URL 웹상에서 문서, 이미지, 동영상등의 위치를 나타내는 주소. ex) https://www.naver.com , https://www.tistory.com URL의 구조 1. 프로토콜의 종류 2. 자원이 있는 서버의 IP주소, 포트주소, 도메인주소 3. 자원의 위치 ex) https://comic.naver.com/webtoon/list?titleId=183559&weekday=mon https ➡ 프로토콜 comic.naver.com ➡ 도메인 주소 webtoon/list?titleId=183559&weekday=mon ➡ 자원위치 IP IP 주소는 컴퓨터 네트워크 상에서 각 장치들의 고유 번호. 번호들의 나열 ex) 1231:3120:0000:0000:0000:0000:1111:0000 포트..

1. 마진 패딩 margin : 바깥 여백 padding: 안쪽 여백 border: 테두리 border 설정법 border : 두께 선의종류 색상 -> border: 1px solid black; 2. 가운데 정렬 text-align display: block; margin-left: auto; => div,p,h1,li는 자체 block 내장이라서 display: block 안해도 됨 margin-right: auto; 3. 가로정렬하기 3-1 float 요소를 공중에 띄워 왼쪽/오른쪽 정렬함 보통 요소를 가로로 정렬하고싶을때 사용함 사용법: float: left; float: right; clear: both 결론: 깝치지말고 그냥 float 쓰자 4. 클래스 두개 이상 붙이기 -> 그냥 띄어쓰고 또..