Thông tin tài liệu
Tổng quan về lập trình frontend bằng ngôn ngữ html. Các thẻ cơ bản trong lập trình giao diện web với html. Làm quen với ngôn ngữ html, bước đầu tạo các trang web đơn giản với html. Các thuộc tính cơ bản của thẻ trong html.
Các cặp thẻ bản: : nội dung trang web • • Bgcolor=”” : màu trang Background=”đường dẫn” : ảnh “xuống dòng
: phân cách đoạn văn : vẽ đường kẻ ngang • • • • Size=”pixel” :độ dày Width=”% hình” : dài Color=”” :màu Align=”” : vị trí : danh sách k có đánh số thứ tự
:danh sách tự động đánh thứ tự : thị đoạn văn có vị trí giống viết code Cộng hoà xã hội chủ nghĩa Việt Nam Độc lập Tự Hạnh phúc Kiểu chữ: • • • • • • : in đậm :in nghiêng :gạch chân :gạch ngang :hiện cao giống số mũ : số(ngược với số mũ) • • • Face=””:kiểu chữ Size=”1-7”:cỡ Color=””: màu Các cặp thẻ từ đến : in đậm giảm dần kích thước • Align=””:vị trí : đưa đoạn vào trung tâm : nhấp nháy đoạn văn : khung di chuyễn chữ • • Bgcolor: màu khung Width:độ rộng khung • • • • • Hight:độ dày Behavior(scoll, alternate): cách di chuyển Direction(left, right, down, up):hướng chuyển động Hspace(pixel): cách phần bên trái bên phải Vspace(pixel): cách phần bên bên Liên Kết html Tên văn hiển thị • • • • Href=””: link muốn chuyển đến click vào văn Target=””(_blank:mở trang mới, ) Title=”” :hiện thị mô tả rê chuột vào Name: • đầu trang • trở đầu trang • Khi click vào trở đầu trang trang web tự động nhảy vị trí đoạn đầu trang có tên đánh dấu top • Có thể dung để đánh dấu ngoại trang(điểm dánh dấu link nằm trang khác nhau) đoạn đánh dấu Đưa hình ảnh vào trang html: • • • • • • • • Src=”đường dẫn” giống background thẻ Width(pixel):độ rộng ảnh vd: width=300px Hight(pixel):chiều cao ảnh Alt: đoạn text mô tả cho ảnh(chỉ hiển thị ảnh bị xoá chưa tải đc ảnh mạng yếu…) Boder(pixel):đường viền bao quanh cho ảnh(màu mặc định màu đen) Align=”left, right” k có center cho ảnh html(khi sử dụng thuộc tính align có nội dung phía sau ảnh, tràn lên vàu lấp đầy khoảng trống mà ảnh để lại góc trái góc phải hình Còn k sử dụng nằm hàng cuối nhảy xuống phía chữ) Hspace(pixel):khoảng cách ảnh đối tượng hai bên Vspace(pixel): khoảng cách ảnh đối tượng Tạo bảng: :tạo dòng :tạo cột dòng Dung colspan rowspan đển gộp cột hàng Làm việc với form: Khoi tạo Form: • • • Name: ten form Action=”abc.html” hướng liệu đến trang html Method=”” cách gửi liệu Các đối tượng form: • • • o Type=”text”, password, checkbox, radio, file(upload liệu), button, reset(làm form) o Name=”” ten đối tượng(name radio phải giống nhau) o Value=”” giá trị khởi tạo đối tượng o Size= kích thước : giống combobox o ten : them đối tượng vào selectbox Selected=”select”: mac dinh chon o Cols=”số dòng” độ rộng o Rows=”” độ cao CSS: Phông chữ: Font-size:?px; Font-family:”” kiểu chữ Font-weight:độ đậm Font-stype:italic Đoạn văn bản: Letter-spacing:?px khoảng cách ký tự Word-spacing:?px khoảng cách chữ Text-indent:?px lùi dòng vào Text-align:left, right, center, justify(căn bên) Text-decoration:underline, line-through, overline, blink(chớp mắt), none Text-transform:uppercase, lowercase, capitalize(in hoa chữ đầu tiên), none Border: Border:width màu style(phải khai báo đủ thuộc tính) Margin:top right bottom left(khoảng cách với thứ xung quanh) Margin: top-bottom right-left Margin:cách phía Padding: khoảng cách border với nội dung bên Khai báo giống margin JS ... Làm việc với form: Khoi tạo Form: • • • Name: ten form Action=”abc .html hướng liệu đến trang html Method=”” cách gửi liệu Các đối tượng form: • • • o Type=”text”, password,... href=”tên trang chứa điểm đánh dấu#tên điểm đánh dấu”> đoạn đánh dấu Đưa hình ảnh vào trang html: • • • • • • • • Src=”đường dẫn” giống background thẻ Width(pixel):độ rộng... Boder(pixel):đường viền bao quanh cho ảnh(màu mặc định màu đen) Align=”left, right” k có center cho ảnh html( khi sử dụng thuộc tính align có nội dung phía sau ảnh, tràn lên vàu lấp đầy khoảng trống mà
Ngày đăng: 05/12/2017, 09:23
Xem thêm: Tổng hợp lý thuyết lập trình HTML
