Home >Web Front-end >HTML Tutorial >Teach you to use HTML to write Web pages in minutes_html/css_WEB-ITnose
Teach you to use HTML to write Web pages in minutes_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:55:181275browse
Before learning how to use HTML to write web pages, we must first understand what is HTML? Of course, this is not a systematic introduction to the past and present life of HTML. If you are interested in its life experience, you can ask Du Niang, and she will give you the answer you want.
. Published Logo. "Hypertext" means that the content of the page not only contains text, but can also include pictures, links, and even non-text elements such as sounds, animations, and small programs. All you need to know is that a Web page is a web page, and HTML is a markup language used to write web pages.
After understanding the concept of HTML, let’s look at the general structure of the HTML document: simply speaking, it contains two parts, one is the Head, and the other is the body, which is the body. The Head part is mainly used to describe information about the web page, and the Body part is the specific content of the web page. Usually we use three pairs of tags to represent the overall structure of a page, which are ,
and . We use VS to create a new HTML file to see its specific structure, as shown in the figure below:
Speaking of labels, also called markers. A label is a string with a less than sign (<) and a greater than sign (>) on the left and right respectively. The start tag refers to a tag that does not start with a slash (/), and inside it is a list of allowed attribute-value pairs. The closing tag is a tag that begins with a slash (/). The structure and format of a web document are defined by HTML elements, which are inclusive ranges defined by a single or a pair of tags. The following figure shows the four main forms of HTML elements:
The Head elements commonly used in HTML are as shown in the figure below
Commonly used ones The character set is shown in the picture below
Having said so much, I think you may be a little impatient. I can understand the excitement of being impatient to get started. Now let's try it out and write a simple web page.
The first thing is to create a new HTML file. After it is created, it will look like the overall structure diagram above
Then we can insert the content we want to display between the corresponding tags. , I will give the code first:
Let ’s take a look at the results of running using IE browser
<!DOCTYPE html><html ><head> <title>廊坊师范学院</title></head><body> <!--这是一个关于我们学校的网页Demo--> <center> <h2><img src="image/2.jpg" /><font color="bule">廊坊师范学院</font></h2> <b>厚德博学，弘毅致远</b> <hr color="blue"> <p> <b><i><font color="green" size="3">廊坊师范学院地处被誉为“京津走廊上一颗璀璨明珠”的河北省廊坊市。 1946年建校，2000年经教育部批准，升格为省属普通本科院校。升本以来，学校为社会输送了4万余名各级各 类专业人才。<br> 学校分两个校区办学，占地2000亩，教育教学设施与设备条件优越，馆藏文献140万册，电子图书107万册。 设有14个二级学院和继续教育学院、图书馆、社科部、期刊部等教辅单位，14个党政部门；含有普通本、专科 教育、高职教育、成人教育等多种教育模式；现有全日制在校生近20000名，教职员工 1394名，其中专任教师 902人，具有副高级以上职称的教师491名，具有博士、硕士学位及研究生以上学历的教师638名。<br> 学校坚持以学科专业建设为龙头，努力打造以教师教育学科专业为主体，理、工、经、管、法等多科协调发展 的专业格局。现开设本、专科专业108个，涵盖九大学科门类。其中汉语言文学专业为国家级特色专业和国家级 专业综合改革试点，同时还拥有一大批省级特色专业、教育创新高地、重点发展学科、实验教学示范中心、教学 团队、专业综合改革试点和精品课程。 </font></i></b></br> <img src="image/1.jpg" width="600" height="320"> <a href="http://www.lfsfxy.edu.cn/" target=”_blank“><font color="bule" size="12">更多了解</a></br> </center></body></html>
In the above example, I used simple web elements such as text, pictures and links, and did not design the layout because I only watched a two-hour video. What I want to say here is to use HTML Writing a Web page is a very simple thing, which is what my title calls "I will teach you how to write a Web page using HTML in minutes."
But if we want to make a web page with excellent content and structure, we need to study and learn seriously. The application of the B/S model that is more popular today requires us to design and produce better front-end pages. Therefore, further study and summary are needed. Let’s stop here today and quickly start DIYing the Web page you imagined.