SharedIT | 묻고 답하기(AMP)

HTML, CSS테스트로 독학하는데 조금어려운부분이있어 글올립니다

웹을 독학하는데요 문의하기위에 박스칸으로 만들어서 글을 안에 3~4줄정도 작성하고싶은데 이게 야매로배워서그런지 영 감이안잡히네요 비슷한형식의 방법을 알려주실수있을까요 ..?

3개의 답변이 있습니다.

얌전한놈
  0 추천 | 약 5년 전
크롬에서 개발자모드로 수정하시면서 찾는것도 괜찮을것 같네요!
wansoo
  0 추천 | 약 5년 전
terxtarea tag를 사용하는 것도 방법일 것 같고요...

단순히 Text만 박스 쳐서 상단에 넣을 것 같으면 div tag로도 될 것 같고요.
왼쪽 이미지 옆에 넣어야 한다면...
table을 이용해서 테이블 안에 칸을 구분해서 왼쪽 이미지와 나누어 넣어도 될것 같고...

박스에 대한 CSS를 클래스로 지정해뒀다면 div tag에 해당 class를 지정하기만 하면 되겠고요

단순히 text만 녹색 박스 안에 넣는 형태를 예를 들어보면...
<div style="background-color:green;">단순히 녹색 박스를 쳐서 글자를 넣는다면 여기가 첫째줄<br>
br tag를 사용해서 내용을 구분해서 쭉~ 적어 주면, 여기가 둘째줄 <br>
여기가 셋째줄...
</div>

박스의 폭을 지정하고 싶다면 style에 width 속성을 사용해서 style="background-color:green;width:300px" 같이 지정해도 되겠고요.

table을 사용한다면...
<table><tr><td>
<a href="product_search" class="image full"><img src="images\Cloudsolutions.jpg" alt="Cloudsolutions.jpg"></a>
</td><td>
<div style="background-color:green;">단순히 녹색 박스를 쳐서 글자를 넣는다면 여기가 첫째줄<br>
br tag를 사용해서 내용을 구분해서 쭉~ 적어 주면, 여기가 둘째줄 <br>
여기가 셋째줄...
</div>
</td></tr></table>

와 같은 형태로 사용하면 될 것 같아 보이고요.

저도 HTML이나 CSS, Javascript에 대한 기본적인 공부만 한 상태라 적극적으로 활용을 하지 못하고 있다보니, 충분한 설명을 드리기는 어렵지만...
다양한 방법들이 있을 것 같네요.
빨간신발
  0 추천 | 약 5년 전
textarea를 얘기하시나요?

<textarea name="content" cols="40" rows="3" >
폼의 기본 내용 값이 들어갑니다.
줄 바꿈 및
    공란도 그대로 인식하고,
      <strong>이런 태그도</strong> 소스가 그대로 노출됩니다.
</textarea>

위에처럼 붙이시면 됩니다.

http://webberstudy.com/html-css/html-3/form-2/