목록Web (124)

다연이네

[days02] 이미지 플로팅(Image Floating)

1. 사진 옆에 글 뜨게 하기 이미지 플로팅(floating ==떠가다, 유동적인, 띄우다) [황그로] [오전 11:30] 새로운 맛있는 떡볶이 [황그로] [오전 11:30] 응응 [배다연] [오전 11:30] 맛있대 [황그로] [오전 11:30] 추가함 [황그로] [오전 11:30] 새로운 떡볶이 도전 잘안하쥐만 [황그로] [오전 11:30] 리뷰가 [황그로] [오전 11:30] 넘조아 [황그로] [오전 11:30] 너 점심 뭐먹냐 [배다연] [오전 11:32] 요르 [배다연] [오전 11:32] 넉넉한 인생.. [배다연] [오전 11:32] 글쎄 나 뭐 시켝머을까 나가먹을까 고민중야 [황그로] [오전 11:30] 새로운 맛있는 떡볶이 [황그로] [오전 11:30] 응응 [배다연] [오전 11:30] ..
Web/HTML 2020. 12. 1. 17:58
[days02] a 태그를 사용해 네모 박스 클릭 / 이미지 올리기

1. a태그를 사용해 네모 박스 만들기 naver daum sist 위 코딩을 통해 박스에 마우스를 올리면 글자가 흰색이 되고 밑줄이 생긴다. 또한, 링크를 달아두지 않았으므로 눌러도 아무 결과가 없다. 2. 이미지 html 이미지 첫번째 gif를 클릭하면 네이버와 연결된다. img태그의 width, height 속성으로 설정하는 것보다 style 속성으로 width, height을 설정하는 것이 좋다. 이유 ? 스타일 시트가 이미지 크기를 변경하는 것을 방지할수 있다. 이때 주의할 점은 단위를 꼭 붙혀줘야 한다.
Web/HTML 2020. 12. 1. 17:48
[days02] a 태그 역할 - 링크 외 책갈피, 경고창 띄우기, 메일 보내기

1. 의 기능 ① 링크 걸기 ② 책갈피 ③ 경고창 ④ 메일 연결 html 링크- 하이퍼링크 링크 - 다른 문서로 이동. naver . . . . . . . . . . 자바스크립트 처리 send mail URL 설명 URL(Uniform Resource Locators) - 웹 주소 ipaddress 192.168.0.8 - URL 구성 scheme://prefix.domain:port/path/filename 예) http://localhost/webPro/html/days02/ex01.html ㄱ. scheme : (프로토콜) 일반적[ http, https ], ftp, file 인터넷 서비스 유형을 정의 ㄴ. prefix : 도메인 접두사, http 기본값은 : www ㄷ. domain : ip 주소..
Web/HTML 2020. 12. 1. 17:39
[days02] &땡땡땡;

1. non breaking space (띄어쓰기) 2. 리쯔웨이 은 스페이스 처리한다.   은 스페이스 처리한다.
Web/HTML 2020. 12. 1. 17:20
[days01] html 링크 - 페이지 간에 이동, 다른 문서로 이동

내용 내용 내용 : 새 창 띄워 이동 그 외 target 종류 : _blank(새창), _self(기본), _ parent(상위 프레임에 문서를 열겠다), top(창 전체에 문서 열겠다) html 링크 - 페이지 간에 이동, 다른 문서로 이동할 수 있다. naver daum 상대경로(URL) 절대경로(URL) == 전체 웹 주소 --> ex05.html ex05.html ex05.html ex05.html 1. index.html 2. index.html 3. index.html
Web/HTML 2020. 11. 30. 20:27
[days01] <style type="text/css">

대상 { -> 그럼 이 대상을 찾아 속성:속성값; -> 그 안의 이 속성을 찾고 속성값을 준다. 속성:속성값; : } Hello World
Web/HTML 2020. 11. 30. 20:21
[days01] html 인용 태그(요소): blockquote, q, abbr, address, cite, bdo 태그

1) blockquote : 자동 들여쓰기, 다른 소스에서 인용한 섹션을 정의할때 사용하는 태그 2) q (A short inline quotation) : 짧은 인용구로 들여쓰기는 적용되지 않지만 쌍따옴표(인용부호) 붙음 3) abbr (An abbreviation) : 약어/ 약어는 브라우저, 검색엔진에 유용한 정보를 제공할 수 있다. 위 html에 마우스를 갖다대면 hypertext markup language라고 뜬다. 4) address 주소 : 기사 작성자/연락처정보/이메일/URL/실제 주소, 전화번호 등 + 기울임 5) cite : 작품(그림, 책, 영화, 조각, 노래...) 제목에 대한 정의 + 기울임 6) bdo : 현재 텍스트 방향을 재정의하는 태그 ltr : left to right(..
Web/HTML 2020. 11. 30. 20:15
[days01] html 서식 태그(요소)

1. : bold, 특별히 중요성은 없음. 굵게 하는 역할 2. : 중요성이 있고굵게 하는 역할, 브라우저가 중요성을 인식한다. 3. : emphasized, 강조 하는 역할로 기울어지게 하는 역할 4. : italic, 기울어짐 em주나 i주나 기울어지게 나옴 5. 작게 6. : 표시하거나 강조표시할 텍스트 7. : 삭제된, 한 줄 그임 8. : 새로 추가된, 언더라인 9. : 아랫첨자 텍스트 10. : 윗첨자 텍스트 html 서식 태그(요소) 1.안녕하세요 홍길동 입니다. 2.안녕하세요 홍길동 입니다. 3.안녕하세요 홍길동 입니다. 4.안녕하세요 홍길동 입니다. 5.안녕하세요 홍길동 입니다. 6.안녕하세요 홍길동 입니다. 7,8.안녕하세요 홍길동 김동준입니다. 9. H2O 2^3 = 23
Web/HTML 2020. 11. 30. 19:45
Prev 1 ··· 12 13 14 15 16 Next