KBD

Please enter email id in textfield.

MAP

MARQUEE

Programming Hub!

C C++ Java C C++ Java

Programming Hub!

meta

Nguyễn Sơn Nhơn Blog:

Home

Meta

---

Kiến thức - Kinh nghiệm - Hỏi đáp

• Home
• About
• DOCTYPE
• HTML
• HEAD
• BASE
• META

---

• Reviews
• Contact

Meta

This is a paragraph.

Notice that we have only specified a relative address for the image.
Since we have specified a base URL in the head section,
the browser will look for the image at " ".

The HTML head element contains meta data.

Meta data is data about the HTML document.

All meta information goes in the head section...

Programming Nguyễn Sơn Nhơn Blog - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".

METER

2 out of 10

Gauge value can be seen here.

NOSCRIPT

A browser without support for JavaScript will show the text inside the noscript element.

NOSCRIPT

A browser without support for JavaScript will show the text inside the noscript element.

UL

Unordered List

• Mobile
• Phablet
• Tablet

Ordered List

1. Mobile
2. Phablet
3. Tablet

OL

1. Programming
   • C Langauge
   • C++
   • Java
2. Scripting
   • PHP
   • JSP

OL

1. Programming
   • C Langauge
   • C++
   • Java
2. Scripting
   • PHP
   • JSP

PARAM

P

This is a paragraph.

This is a paragraph.

This is a paragraph.

PROGRESS

0%

QUOTE

Normal Text

Quoted Text

ROWSPAN

Sale1	Jan	$1493
	Feb	$3829
	Mar	$5283
Sale2	April	$4827
	May	$7246
	June	$5689

S

My car is blue.

My new car is silver.

SAMP

Samp tag Example
Enter radius of Circle : 8
Area : 200.96

SPACE

This text will appear with no extra space.

This text    will appear with three extra spaces.

This text will appear with no extra space.

This text    will appear with three extra spaces.

SUB

Log_e

BACKGROUND

FONT

This is text with red color.

BUTTON

LOGIN

Username *:

Password *:

STRIKE

Deleted Text

SUP

ProgrammingHub^TM

TABLE

Table will be centered aligned

Column A	Column B
data1	data2
data3	data4
data5	data6

Month	Profit
January	$100
February	$80

Text can be Wrapped around the table with the help of align attribute

HTML5 does not support align attribute, use CSS instead.

Month	Profit
January	$100
February	$80

Month	Profit
January	$100
February	$80

Month	Profit
January	$100
February	$80

Table with frame="box":

Month	Profit
January	$100
February	$80

Table with frame="above":

Month	Profit
January	$100
February	$80

Table with frame="below":

Month	Profit
January	$100
February	$80

Table with frame="hsides":

Month	Profit
January	$100
February	$80

Table with frame="vsides":

Month	Profit
January	$100
February	$80

Table with rules="none":

Month	Profit
January	$100
February	$80

Table with rules="rows":

Month	Profit
January	$100
February	$80

Table with rules="cols":

Month	Profit
January	$100
February	$80

Table with rules="all":

Month	Profit
January	$100
February	$80

Month	Profit
January	$100
February	$80

Month	Savings
January	$100
February	$80
Sum	$180

INPUT

Points:

E-mail:

Birthday (date and time): -

Select date of birth :

Select your favorite color:

Enter Password:

Select a file:

Quantity (between 1 and 5):

Year: First Second Third

Details

Username :

Password :

Registration

Name:

Address:

Gender:
Male
Female

Year: First Second Third

Address:

Registration

Name:

Select a week:

Add your homepage:

Select a time:

Telephone Number:

Marks :

Search Things:

First Name:

Last Name:

U

UnderLined Text

VIDEO

video tag demo

WBR

HTML wbr tag

Thebrowsertoextendthedocumentwindowbeyondthesizeoftheviewingpaneandthepoorusermustscrollright.

LABEL

Login Form

Username *:

Password *:

HEADING

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

HEADER

Heading Should be here..

Page Content..

DIALOG

Hello

BODY

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; } @import url('https://fonts.googleapis.com/css?family=PT+Sans'); @import url('https://fonts.googleapis.com/css?family=PT+Serif'); /* CSS Main page */ DOCTYPE { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg'); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Html { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #CC98F8; color: #F1F1F1; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg'); /* Other styles same as .left */ background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } html:focus { outline: none;} Index { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HhpIzgNz6M2guSx9utWLl0TOftBdOx_Omhi8Bx-Ched8b_viMLcD0DD2EEHEWxqif9o5_Bha6zK_MhPXtuHHQc4mMamPOjfQCjuGei8yK2kDI0h0WeugzhJv_BG3-whciQHKXL46yjk/s1600/IMG_ORG_1617433682121.jpeg'); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Head { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Base { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Link { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Title { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Meta { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } /* CSS goes here, at the top of the page */ .red{ color: red; } .thick{ font-size:20px; } .green{ color:green; } The content of the document......

title

Nguyễn Sơn Nhơn Blog:

Home

title

---

Kiến thức - Kinh nghiệm - Hỏi đáp

• Home
• About
• DOCTYPE
• HTML
• HEAD
• BASE
• META
• LINK
• TITLE
• Reviews
• Contact

title

This is a paragraph.

Notice that we have only specified a relative address for the image.
Since we have specified a base URL in the head section,
the browser will look for the image at " ".

Programming app is for Python, Assembly, C, C++, C# (C Sharp), JavaScript, PHP, Java programming and many more languages.

If you move the mouse over the paragraph above,the title will display as a tooltip.

Programming Nguyễn Sơn Nhơn Blog - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".

The HTML head element contains meta data.

Meta data is data about the HTML document.

All meta information goes in the head section...

link

Home

---

Home file

---

Nguyễn Sơn Nhơn Blog!
Home C C++ Java

Nguyễn Sơn Nhơn Blog:

Head C C++ Java Nguyễn Sơn Nhơn Blog!

Head

---

Kiến thức - Kinh nghiệm - Hỏi đáp

Giới thiệu

Nguyễn Sơn Nhơn Blog là blog cá nhân, định hướng theo chuyên đề học tập, nội dung bao gồm tất cả các lĩnh vực từ ngôn ngữ, kiến thức học đường đến khoa học công nghệ, cũng như mở rộng thêm về nội dung sang nhiều vấn đề khác như tra cứu, tham khảo và giải trí.

Nổi bật

Ảnh

---

Ảnh

---

Ảnh

Follow Me:

Phone:

Email:

Address

Facebook:

YouTube:

Form - Biểu mẫu trong CSS

Sơn Nhơn, 24/03/2021

Ảnh

Form là một phần không thể thiếu trong bất kì loại website nào.

Ở bài viết này, Nguyễn Sơn Nhơn Blog sẽ hướng dẫn bạn cách xây dựng phần giao diện hiển thị của một biểu mẫu cơ bản. Giao diện này có thể được làm khá đẹp mắt với CSS

Attribute Selector trong CSS

Sơn Nhơn, 24/03/2021

Ảnh

Attribute selector là cách chọn các phần tử bạn muốn định kiểu trong tài liệu HTML dựa vào thuộc tính của một hay nhiều thẻ HTML nào đó.

Attribute selector có thể chọn được các đối tượng mà không cần phải khai báo thêm các Class hoặc ID vào trong thẻ HTML và vẫn có thể hướng được đến các thành phần đó, giúp code gọn gàng hơn và mạch lạc hơn.

• Home
• About
• DOCTYPE
• HTML
• HEAD
• BASE
• Reviews
• Contact

Hướng dẫn

Bạn có thể chia sẻ bài viết của mình trên trang nếu có tài khoản, bạn có thể xem bài viết đã đăng, xem bài viết của các thành viên khác và tìm kiếm bài viết mình quan tâm trên trang.

Giới thiệu

Nguyễn Sơn Nhơn Blog là mạng xã hội về ngôn ngữ và khoa học công nghệ, mở rộng nội dung để đáp ứng nhu cầu của các thành viên về vấn đề ngôn ngữ và nhiều lĩnh vực công nghệ hơn như : điện thoại, thiết bị thông minh, điện tử, bảo mật máy tính...

Bạn có thể trở thành một phần của Nguyễn Sơn Nhơn Blog bằng cách gửi bài viết, trải nghiệm công nghệ của mình về cho đội ngũ quản lý nội dung của mạng xã hội thông qua địa chỉ email nguyensonnhon@gmail.com

Liên hệ

Địa chỉ:

Điện thoại:

Email: nguyensonnhon@gmail.com

The HTML head element contains meta data.

Làng Công nghệ Công nghệ Cuộc sống Khoa học Đăng ký

Làng Công nghệ

Cập nhật những xu hướng, khám phá, nghiên cứu mới nhất về khoa học công nghệ.

Công nghệ

bao gồm thủ thuật, hướng dẫn sử dụng phần mềm, phần cứng, sửa lỗi mạng, sửa lỗi máy tính trên nhiều hệ điều hành như Windows, macOS, Linux, Android, iOS...

Cuộc sống

Kỹ năng sống, kỹ năng công việc, kỹ năng lãnh đạo, mẹo vặt cuộc sống, những điều có thể bạn chưa biết, những câu nói hay về cuộc sống, câu nói nổi tiếng của Jack Ma, Bill Gate, Steve Jobs...

Meta data is data about the HTML document.

Welcome!

Meta data is data about the HTML document.

YouTube

Checkout our YouTube channel for more tech reviews, tutorials and giveaways!

Reviews

If you’re planning to buy a new gadget, check here first. We’ll give you in-depth reviews of the latest devices.

Buying Guides

At Buying Guides we strive to provide readers with the tools to get the best stuff for the lowest amount of money.

• Công nghệ
• Lập trình
• Video

Công nghệ

Chuyên mục Công nghệ của Nguyễn Sơn Nhơn Blog sẽ bao gồm thủ thuật, hướng dẫn sử dụng phần mềm, phần cứng, sửa lỗi mạng, sửa lỗi máy tính trên nhiều hệ điều hành như Windows, macOS, Linux, Android, iOS,....

Liên tục cập nhật những thủ thuật, hướng dẫn mới nhất để gỡ rối cho bạn đọc.

Page Content..

• Công nghệ
• Lập trình
• Video

Công nghệ

Công nghệ

Chuyên mục Công nghệ của Nguyễn Sơn Nhơn Blog sẽ bao gồm thủ thuật, hướng dẫn sử dụng phần mềm, phần cứng, sửa lỗi mạng, sửa lỗi máy tính trên nhiều hệ điều hành như Windows, macOS, Linux, Android, iOS,....

Liên tục cập nhật những thủ thuật, hướng dẫn mới nhất để gỡ rối cho bạn đọc.

Nguyễn Sơn Nhơn

This is a paragraph.

Notice that we have only specified a relative address for the image.
Since we have specified a base URL in the head section,
the browser will look for the image at " ".

Programming Nguyễn Sơn Nhơn Blog - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".