Giao diện blog
This is a paragraph.
All meta information goes in the head section...
- Trang chủ
- Lưu trữ 2021
- Lưu trữ 10/2021
- Giao diện blog
- Giao diện mobile
- Blog interface
- Blog interface
- Blog interface
Thứ Hai, 11 tháng 10, 2021
Blog interface
Chủ Nhật, 10 tháng 10, 2021
Simulation system interface
|
|
|
|
|
Thứ Sáu, 8 tháng 10, 2021
INDEX
index.html
https://ngonnguxahoi.blogspot.com/2021/10/index.html?m=0#index Jump to Chapter 4 https://ngonnguxahoi.blogspot.com/2021/10/index.html?m=0/index.html#indexhtml/" This is a link
Thứ Hai, 4 tháng 10, 2021
Chủ Nhật, 3 tháng 10, 2021
Blog
John's Blog
RECENT POSTS
I Love Food
Post by Jane Dane, Sep 27, 2015.
Food Ipsum
Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
RECENT POSTS
Officially Blogging
Post by John Doe, Sep 24, 2015.
Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Leave a Comment:
2 Comments:
Anja Sep 29, 2015, 9:12 PM
Keep up the GREAT work! I am cheering for you!! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
John Row Sep 25, 2015, 8:25 PM
I am so happy for you man! Finally. I am looking forward to read about your trendy life. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
1 Comment:
Nested Bro Sep 25, 2015, 8:28 PM
Me too! WOW!
Portfolio
My Portfolio
Some text that represents "Me"...
Some of my Work
Some text..
Some text..
Some text..
Some text..
Some text..
Some text..
Some text..
Some text..
Webpage
Welcome
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Test
Lorem ipsum...
ADS
ADS
News W3Schools Labels Football Gaming Friends
×
Ey!
People are looking at your profile. Find out who.Status: Feeling Blue
John
Just Forgot that I had to mention something about someone to someone about how I forgot something, but now I forgot it. Ahh, forget it! Or wait. I remember.... no I don't.
Bo
Just Forgot that I had to mention something about someone to someone about how I forgot something, but now I forgot it. Ahh, forget it! Or wait. I remember.... no I don't.
Jane
Just Forgot that I had to mention something about someone to someone about how I forgot something, but now I forgot it. Ahh, forget it! Or wait. I remember.... no I don't.
Anja
Just Forgot that I had to mention something about someone to someone about how I forgot something, but now I forgot it. Ahh, forget it! Or wait. I remember.... no I don't.
Upcoming Events:
Paris
Fri. 27 November 2015
ADS
ADS
Marketing advertisement
What We Do
Current Project
Project 2
Some text..
Some text..
Marketing
Some text..
Upcoming Events..
Visit Our Blog
What We Do
Current Project
Project 2
Some text..
Some text..
Some text..
Some text..
Our Partners
Partner 1
Partner 2
Partner 3
Partner 4
Partner 5
Partner 6
Analysis
Dashboard
Some text..
Users
1 Million
Pages
100 Million
Sessions
10 Million
Bounce
30%
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Thứ Bảy, 2 tháng 10, 2021
Online Store
Online Store
Mission, Vission & Values
BLACK FRIDAY DEAL
BLACK FRIDAY DEAL
BLACK FRIDAY DEAL
BLACK FRIDAY DEAL
BLACK FRIDAY DEAL
BLACK FRIDAY DEAL
html lesson part (b:includable)
html lesson part (b:includable)
b:includable được sử dụng để chèn một phần mã mà bạn muốn sử dụng lại ở một số nơi khác nhau hoặc chỉ bao gồm trong một số trường hợp nhất định.
Để thực hiện việc này thì ta viết nội dung bên trong một thẻ b:includable, sau đó sử dụng b:include bất cứ nơi nào bạn muốn nội dung đó xuất hiện.
Cấu trúc thẻ (b:includable structure):
<
b:includable
id='main'
var='thiswidget'
>
[insert whatever content you want here]
<
/
b:includable
>
Thuộc tính thẻ (b:includable attributes):
.id – (Required: Bắt buộc)
Một mã định danh duy nhất được tạo thành từ các chữ cái và số.
Mỗi tiện ích (widget) phải có một includable với id = 'main'.
.var (optional)
Một mã định danh bao gồm các chữ cái và số dùng để tham chiếu dữ liệu trong section.
Nếu tạo thêm các includables bao gồm các id khác nhau, chúng sẽ không được hiển thị tự động.
Tuy nhiên, nếu bạn tạo ra một includable với id='new', thì bạn có thể tham chiếu nó trong phần tử chính của includable với thẻ:
<
b:include
name='new'
/
>.
Thuộc tính thẻ (b:include attributes):
.name (required):
Định danh được tạo thành từ các chữ cái và số. Nó phải khớp với id của một b:includable hiện có trong cùng một tiện ích (widget).
.data (optional):
Một biểu thức hoặc một phần dữ liệu để chuyển cho phần includable
section. Giá trị này sẽ trở thành giá trị của thuộc tính var trong includable.
.cond (optional)
Một biểu thức điều kiện thi hành chỉ thực thi khi kết quả của nó là đúng. Điều này giống với thuộc tính cond trên một thẻ b: if.
Example (ví dụ):
Đây là một ví dụ cho thấy cách sử dụng b:includable và b:include.
<
b:includable
id='main'
>
<
b:loop
var='p'
index='index'
values='posts'
>
<
b:include
name='post'
data='p'
cond='index < 10'
/
>
<
/
b:loop
>
<
/
b:includable
>
<
b:includable
id='post'
var='post'
>
Title: <
data:post.title
/
>
<
/
b:includable
>
html lesson part (b widget)
html lesson part (b widget)
Cấu trúc thẻ (b:widget structure):
<
b:widget
id='header'
type='HeaderView'
locked="yes"
>
<
/
b:widget
>
< b:widget id="myList" type='ListView' locked="no" title="My Favorite Things" / >
< b:widget cond='!data:blog.isMobileRequest' id='BlogArchive1' locked='false' mobile='yes' title='Blog Archive' type='BlogArchive' visible='true' / >
Thuộc tính thẻ (b:widget attributes):
.id – (Required: Bắt buộc)
Một tên duy nhất, chỉ có chữ cái và số.
Không thể thay đổi ID của tiện ích nếu không xóa tiện ích đó và tạo một ID mới.
.cond : Áp dụng với thẻ điều kiện.
.locked – (Optional: Tùy chọn)
Có hai option là be 'yes' or 'no' (True / False) có nghĩa là ẩn hoặc hiện nút delete (Cho hay không cho xóa tiện ích), mặc định là 'no' – Không thể di chuyển hoặc xóa tiện ích con bị khóa khỏi tab Phần tử trang.
.version : Phiên bản blog không quan trọng.
.title – (Optional)
Tiêu đề của widger. Nếu không có tiêu đề hiển thị nào được chỉ định, tiêu đề mặc định như “List1” sẽ được sử dụng.
.type – (Required)
Cho biết loại widget ví dụ: HTML, Text, LinkList tự động nó tạo ra.
.pageType – (Optional)
Option: 'all', 'archive', 'main' or 'item' với 'all' làm mặc định.
Tiện ích sẽ chỉ hiển thị trên các trang được chỉ định trong blog (Tất cả tiện ích con hiển thị trên tab phần tử trang, bất kể loại trang của chúng là gì.).
.mobile – (Optional)
Option: 'yes', 'no' or 'only' với 'default' làm mặc định. Điều này quyết định tiện ích sẽ được hiển thị trên thiết bị di động hay không. Ẩn/hiện trên mobile chỉ hoạt động ở phiên bản 1 còn ở phiên bản mới phải dùng thẻ điều kiện là data:blog.isMobileRequest
- visible : Cho hiển hoặc không hiển thị widget.
Chỉ Header, Blog, Profile, PageList, AdSense, Attribution sẽ được hiển thị trên thiết bị di động khi thuộc tính di động là 'default'.
Khi chạy HTML trên trình duyệt thì các thẻ
html lesson part (b section)
html lesson part (b section)
Cấu trúc thẻ (b:section structure):
<
b:section
id='header'
class='header'
maxwidgets='1'
showaddelement='no'
growth='vertical'
>
<
b:widget
id="header"
type='HeaderView' locked="yes"
/
>
<
/
b:section
>
Thuộc tính thẻ (b:section attributes):
.id – (Required: Bắt buộc)
Một tên duy nhất, chỉ có chữ cái và số.
.class – (Optional: Tùy chọn)
Các tên lớp phổ biến là: 'navbar'- 'header'-'main'-'sidebar'-'footer'.
Khi thay đổi chủ đề class những tên này sẽ giúp Blogger xác định cách chuyển nội dung.
.maxwidgets –- (Optional)
Số tiện ích tối đa cho phép trong phần này.
Nếu không chỉ định giới hạn, sẽ không có giới hạn.
.growth – (Optional)
Có hay Option là 'horizontal: ngang' và 'vertical: dọc', với 'dọc: vertical' làm mặc định.
Điều này xác định xem các widget trong phần này được sắp xếp cạnh nhau hay xếp chồng lên nhau
Lưu ý : Trong blog đã xuất bản của bạn, tất cả < b:section>và < b:widget> sẽ được thay thế bằng < div> và có id được chỉ định. Điều này sẽ cho phép bạn tham chiếu, ví dụ: div # header hoặc div # myList trong CSS của bạn.
div class home
This is a heading in a div element
https://ngonnguxahoi.blogspot.com/2021/10/div-class-home.html?m=1This is some text in a div element.
Thứ Hai, 27 tháng 9, 2021
Thứ Năm, 23 tháng 9, 2021
Thứ Ba, 21 tháng 9, 2021
JavaScript HTML DOM
JavaScript HTML DOM
document.getElementById(id) document.getElementsByTagName(name) document.getElementsByClassName(name) element.innerHTML = new html element.attribute = new value element.style.property = new style element.setAttribute(attribute, value) document.createElement(element) document.removeChild(element) document.appendChild(element) document.replaceChild(new, old) document.write(text) document.getElementById(id).onclick = function(){code} document.applets document.base document.body document.cookie document.doctype document.documentElement document.documentMode document.documentURI document.domain Returns document.domConfig Obsolete. 3 document.embeds Returns all
default
Trang chủ
Click the button to display the value of the href attribute of the base element.
BLOG SPOT [2021/09]
Home
My blog
BLOGSPOT [2021/09]
My blogs
Google drive: HTML folder
Đăng ký:
Nhận xét (Atom)
