본문 바로가기

html,css 기초10

css 1 : 소개, 적용 방법, 캐스캐이딩 css - cascading style sheet - font, animation, table 등 모듈별로 각자의 버저닝을 함 cascading : 폭포수가 흐르듯이 위에서부터 아래에 영향을 준다는 뜻 선택자, 선언 블럭 - 선택자(selector) : 어떤 html 요소를 가리키는지 명시 - 선언 블럭(declation block) : {} 내부에 속성들이 들어감 - 선언(declation) : 속성(property) : 값(value); 형식으로 작성 주석(comments) - /* */ 형식으로 작성 css 적용 방법 1. embedded - html - head 태그 사용 Hi! 2. inline - style 속성 사용 - 공부할 때는 사용을 지양하기를 추천 2022. 7. 11.
html 9 : 전역 속성 class, id, style, title, lang, data, draggable, hidden 전역속성 - 어떤 태그에도 전부 다 사용할 수 있는 속성 class, id - 식별자, - id : 고유 식별자(하나의 문서에는 하나의 id만 사용 가능), 공백을 허용하지 않음 - class : 중복 사용 가능, 하나의 요소가 여러개를 가질 수 있음(공백으로 구분) 안녕 안녕 안녕 안녕 style - 태그의 속성으로 style을 쓰면 하나의 태그에 style을 적용할 수 있음 - 짧은 css나 연습할 때, 일시적으로 style 적용할 일이 있다거나 테스트 등 특수한 상황에 쓰임 - 외부의 css 파일 보다 우선 적용되기 때문에 지양 Well, I am the slime from your video Oozin' along on your livin' room floor. title - 커서를 올리면 설명하.. 2022. 7. 11.
html 8 : 메타데이터 title, meta, link, MIME, style, script 메타데이터 - 데이터를 설명하는 데이터 - 검색 엔진이 제일 먼저 메타 데이터를 보고 정보를 분류해 검 색 결과를 노출함 title - 탭 제목을 나타낼 수 있음 - 안쪽에 태그가 있더라도 무시함, 텍스트만 입력 가능 - head와 마찬가지로 하나의 문서에 하나만 입력 - 북마크(즐겨찾기)의 기본으로 들어감 - title을 잘 작성해야 검색결과 상위에 노출됨, 단어 설명은 광고로 인식하니 주의 루키의 페이지입니다. meta - name 속성 - name, content를 함께 사용 - application-name : 웹페이지를 아우를 수 있는 하나의 제목 하나 - title은 웹페이지의 제목과 부가 설명이 함께 들어갈 수 있다는 점이 차이 - author : 문서 제작자 - description : 페.. 2022. 7. 10.
html 7 : 폼 form, action, method, label, fieldset, legend, input 속성 form - 사용자가 정보를 입력할 수 있게 장치를 만들어 줌 - 다른 페이지나 서버로 전송할 수 있게 해줌 form 특성 1. action - 폼 데이터를 보낼 주소를 입력함 - 절대 경로 또는 상대 경로 2. method - 양식을 제출 HTTP 메서드(서버 개념을 이해해야 함 아직은 저두 몰라유) - GET : 보내려고 하는 주소 뒤에 어떤 데이터를 입력했는지 보여지게 됨 - 데이터가 보여지기 때문에 검색창 등에 사용됨 - POST : 주소창에 입력한 정보가 보이지 않음 - 보낸 요청이 주소로 보이지 않게 숨겨서 보내짐 제출 제출 3. label - input : 사용자가 정보를 입력할 수 있는 영역 - label : 어떤 정보를 입력할지 설명함 - for 속성을 이용해 어떤 input을 가리키는지.. 2022. 7. 10.
html 6 : 임베디드 image, 이미지 유형, srcset, sizes, video, audio, iframe 임베디드 요소 - 외부에 소스를 불러와서 웹페이지에 삽입하는 요소 image - src(source) 속성을 필수로 사용해야함, 외부의 url이나 파일이 위치한 경로 - 절대 경로 : 어떤 위치에서 파일을 부르던 간에 동일한 이미지를 보여줌 - 상대 경로 : 현재 위치 중심, 내가 있는 위치에서 이미지가 있는 위치를 가리킬 때 - arl(arlternative 대체) 속성을 이용해 이미지에 대한 설명을 남겨 스크린 리더가 이미지를 설명할 수 있음 또는 이미지 주소가 잘못 작성되어 있을 경우 등 이미지가 깨질 때 원래 어떤 이미지가 있었는지 설명 웹에서 사용하는 이미지 유형 abbreviation type file extension summary JPEG image/jpeg .jpg .jpeg .jfif .. 2022. 7. 7.
반응형

티스토리툴바