[Web Front-End Basics] Experiment 3 Hyperlinks and Floating Frames

Project 1 Design Freshman Course Introduction

Web page renderings:

renderings

Character material:

English
Basic English, Advanced English, Selected Readings of Newspapers and Periodicals, Audiovisual, Spoken English, English Writing, Translation Theory and Practice, Language Theory, Introduction to Linguistics, Literary History and Selected Readings of Major English-speaking Countries, National Conditions of Major English-speaking Countries, etc.
English (English) is a language under the Indo-European-Germanic language family. It consists of 26 letters. The English alphabet is derived from the Latin alphabet, which is derived from the Greek alphabet, and the Greek alphabet is evolved from the Phoenician alphabet. It is also the most widely used language in the world. English contains about 490,000 words, plus about 300,000 technical terms. The number of native speakers is second only to the number of native speakers of Chinese and Spanish.
English evolved from the language spoken by the Anglo-Saxons who immigrated to the British Isles from the Scandinavian Peninsula such as Denmark and Germany, the Netherlands and surrounding areas in ancient times, as well as the white people of the Jut tribe, and spread through British colonial activities to all over the world. Due to its contact with many ethnic languages ​​in history, its vocabulary has changed from unitary to plural, its grammar has changed from "more inflected" to "less inflected", and its pronunciation has also undergone regular changes. The last two centuries, the United Kingdom and the United States in the cultural, economic, military, political and scientific leadership in making English as an international language. Nowadays, English is used as the medium of communication in many international occasions.
English is also the language most closely associated with computers, most programming languages ​​are associated with English, and with the use of the Internet, the use of English is more widespread. English is one of the working languages ​​of the United Nations. Low Saxon, Danish, German, Dutch and English are also close. The Normans with French ancestry conquered the Kingdom of England in the 11th century and brought tens of thousands of French and Latin words, which greatly enriched the English vocabulary and relatively made many native languages ​​obsolete.
back
high number
"Advanced Mathematics" Course Introduction With the rapid development of science and technology, mathematics is increasingly becoming an important means and tool for scientific research in various disciplines. Advanced mathematics is the foundation of modern mathematics. It is a compulsory course for students majoring in science and economics and management. It is also the most widely used course in modern science and technology, economics and management, and humanities. Therefore, learning this course well is crucial to the future development of students. This course is the first important basic mathematics course that students learn after entering university. Through the teaching of this course, students can master the ideas and methods of dealing with mathematical problems, cultivate students' scientific thinking ability and lay a good foundation for the study of subsequent courses. Compared with elementary mathematics, it refers to the more complicated part of the objects and methods of mathematics.
Back
University Physics
The course of university physics, which is based on the foundation of physics, is an important general and compulsory basic course for students majoring in science and engineering. College physics courses not only lay the necessary physical foundation for students, but also play an important role that other courses cannot replace in terms of cultivating students' scientific worldview, enhancing students' ability to analyze and solve problems, and cultivating students' spirit of exploration and innovation consciousness. .
return

HTML code:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>专业课程导航</title>
        <style type="text/css">
        </style>
    </head>
<body>
<h2 align="center">专业课程导航</h2>
<p align="left"><a name="kec">专业课程导航</a></p>
<ul >
    <li><a href="#eng">英语</a></li>
    <li><a href="#math">高数</a></li>
    <li><a href="#dawu">大学物理</a></li>
</ul>
<h2><a name="eng">英语</a></h2>
<p>&nbsp;&nbsp;&nbsp;&nbsp;基础英语、高级英语、报刊选读、视听、口语、英语写作、翻译理论与实践、语言理论、语言学概论、主要英语国家文学史及文学作品选读、主要英语国家国情等。<a href="#kec">返回</a></p>

<h2><a name="math">高数</a></h2>
<p>&nbsp;&nbsp;&nbsp;&nbsp;《高等数学》课程介绍随着科学技术的迅猛发展数学正日益成为各学科进行科学研究的重要手段和工具。高等数学是近代数学的基础是理科各专业和经济管理专业类学生的必修课也是在现代科学技术、经济管理、人文科学中应用最广泛的一门课程。因此学好这门课程对学生今后的发展是至关重要的。本课程是学生进入大学后学习的第一门重要的数学基础课。通过本课程的教学使学生掌握处理数学问题的思想和方法培养学生科学思维能力同时为后续课程的学习奠定良好的基础。指相对于初等数学而言,数学的对象及方法较为繁杂的一部分。<a href="#kec">返回</a></p>

<h2><a name="dawu">大学物理</a></h2>
<p>&nbsp;&nbsp;&nbsp;&nbsp;以物理学基础为内容的大学物理课程,是理工科个专业学生一门重要的通识性的必修基础课。大学物理课程既为学生打好必要的物理基础,又在培养学生科学的世界观,增强学生分析问题和解决问题的能力,培养学生的探索精神、创新意识等方面,具有其他课程不能替代的重要作用。<a href="#kec">返回</a></p>

</body>

Project 2 Landscape pictures of Guilin

Web page renderings:

Web page renderings

Require:

Change display:inline to display:inline-block.

HTML code:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>桂林山水风景图片</title>
        <style type="text/css">
            img{
      
      width: 100px;height: 100px;border: 0;}
            ul{
      
      list-style-type:none;text-align:center;}
			li{
      
      display:inline-block; width: 120px;line-height: 30px;}
        </style>
    </head>
<body>
<p align="center">
<font face="黑体" size="+2" color="red">桂林山水风景图片</font></p>
<ul>
    <li><a href="image31.jpg" target="_top"><img src="image31.jpg" alt=""><br>桂林风景1</br></a></li>
    <li><a href="image32.jpg" target="_top"><img src="image32.jpg" alt=""><br>桂林风景2</br></a></li>
    <li><a href="image33.jpg" target="_top"><img src="image33.jpg" alt=""><br>桂林风景3</br></a></li>
    <li><a href="image34.jpg" target="_top"><img src="image34.jpg" alt=""><br>桂林风景4</br></a></li>
</ul>

</body>

Among them, the src path in the img tag is based on the path you stored. If you want to be like me, put the picture and html code files in the same file directory.

Guess you like

Origin blog.csdn.net/Lailalalala/article/details/126072031