HTML 사진과 속성 안녕하세요. 오늘은 저번에 했던 내용에서 사진을 추가해보려고 합니다. html 파일 만들기 html에서 사진을 넣기 위한 태그 html 문법 1. html 파일 만들기 귀찮으니 이건 저번 글에서 사용했던 1.html 파일을 이어서 하겠습니다. 파일 내용은 아래와 같습니다. 지금부터 1.html과 같은 폴더에 있는 사진을 넣어보겠습니다. 2. html에서 사진을 넣기 위한 태그 html에서 사진을 넣기 위한 태그는 라는 태그입니다. 그렇다고 아래 사진처럼 태그만 입력하면 안 됩니다. 태그만 입력하면 아래 사진처럼 아무런 사진도 나오지 않습니다. 왜 그럴까요? 바로 출력하기 위한 사진의 정보가 부족하기 때문입니다. 즉 해당 태그에는 무슨 사진을 불러올지 알려주는 내용이 없기 때문이죠. ..
html태그 안녕하세요. 오늘은 html을 공부하면서 알게 된 내용을 적어보려고 합니다. html에서 줄 바꿈을 위한 태그입니다. 닫지 않는 태그 단락(paragraph)을 표현하는 태그 1. 닫지 않는 태그(줄 바꿈) 보통 대부분의 태그는 이런식으로 열고 이렇게 닫습니다. 하지만 이번 태그는 닫지 않아도 되는 태그중에 하나입니다. 역할은 줄 바꿈입니다. 줄 바꿈을 해줄 부분에 태그를 넣어주시면 됩니다. (ex) 내용 내용--> 내용/줄바꿈/내용(아래 사진 참고) 글로 설명하려니 힘드네요. 위의 html을 크롬으로 들어가 보겠습니다. 아래 사진처럼 줄바꿈이 됩니다. 2. 단락(paragraph)을 표현하는 태그 단락을 표현하기 위해 사용할 태그는 태그입니다. 이 태그는 위의 태그와는 달리 열고 닫아줘야 ..
form 테두리 색깔변경 저장용으로 쓰는겁니다. 처음 form은 이렇게 아무색깔도 없습니다. 이곳에 색을 추가합니다. (css사용) 유효한 입력일때가 valid이고 무효한 입력일때가 invalid입니다. 유효한 입력일때는 forestgreen색을 적용하고 무효한 입력일때는 firebrick색을 적용하는 것입니다. 유효한 입력과 무효한입력은 pattern과 required을 적용해서 구분합니다. 이렇게 해서 조금더 꾸미고 코드도 조금 더 넣어서 이렇게 만들었습니다. 먼저 처음에는 아이디와 비밀번호가 빨간색입니다. 여기서 6글자이상 입력하면 색이 바뀌게됩니다. before after 이렇게요. [잡다한것] - 웹사이트 만들기 html [잡다한것] - 블로그 html적용 [IT/윈도우] - 윈도우10 작업표시..
댓글 변경 이건 제목을 뭐라고 해야될지 감도 잡히지 않습니다. 나중에 제목좋은거 생각나면 다시쓰던가 해야겠네요. 일단 제목에서 보셨다시피 오늘 알려드릴 내용은 댓글 입력하기 전에 나와있는 "여러분의 소중한 댓글을 입력해주세요"라고 나오는 것을 바꾸는 방법입니다. 댓글 회색내용 변경. 지금부터 하는 방법을 알려드리도록 하겠습니다. 먼저 티스토리블로그를 들어가주세요.(네이버는 못바꿔요.) 티스토리로 들어가셨으면 티스토리 관리->메뉴중에 꾸미기->스킨편집으로 들어가주세요. 스킨편집으로 들어가셔서 html편집으로 들어가주세요. html편집으로 들어가면 아래와같이 이상한 코드들이 많이 있을겁니다. 하지만 우리가 고칠것은 아주 간단한 것이니 걱정하지 않으셔도 됩니다. CTRL+F를 눌러서 "여러분의 소중한 댓글을 ..
안녕하세요. 티스토리 블로그를 운영하다보면 html과 css에 대하여 자주 들어볼 수 있습니다. 그래서 이 두개에 관심이 있었는데 이번에 동아리에서 웹사이트 만드는 프로젝트를 해서 두개에 대하여 공부를 해봤습니다. https://www.opentutorials.org/course/1688/10245 이 사이트에서 html부분까지 공부해봤는데요. 생각보다 어렵지는 않았습니다. 뭔가 만든다는 느낌이 있어서 재미있더군요. html 아직은 간단한거밖에 하지 못합니다.ㅎㅎ 아래의 사진은 위의 사이트에서 보고 따라하면서 만든 index.html입니다. 어짜피 공부용으로 만든것이라 메뉴도 몇개 넣지 않았습니다. 저런거 만들다가 갑자기 티스토리 글을 쓰다보면 오른쪽 상단에 있는 html이라는 체크박스가 생각났습니다. ..
