网页入门_html/css_WEB-ITnose
今天就是一个网页的入门,说实话我不太想当前端工程师。因为 那些东西 不会按照我的想法来实现对应的效果。我只想做一个大概。我想做后端开发。如果能是服务器端就很happy。如果能有 android的部分 就很happy。
然后现在就只是单单来写一些对应属性就好:
1、基本属性:
字体标签,在里面对应可以写一些字体样式,颜色,大小的属性
回车换行
斜体字效果
下划线效果
202可以用来显示20的平方这样一个效果
H2O 可以用来显示水分子这样一个效果
删除线,或者称之为贯穿线
段落具有自动换行的属性,我们添加了一个 向左对齐的方式。
本段落居中对齐
2、超级链接
超级链接这个标签采用 anchor 锚点的意思代表 这里是一个链接操作,href是其中的属性,代表我们将会取得地方,这对标签之间可以添加对应的内容。
(1)文本链接
(2)图片链接
(3)页内链接
(1)
标签之间的内容如果是文本的话就是 文本链接
(2)
标签之间的内容如果是图片的话就是 图片链接
(3)
页内链接,单击此链接回到当前页的对应位置
如果只是个#号就回到页面最顶端回到当前页最顶端
如果href后面跟了#号并且#后面是某一个标签儿元素的name的值,那么就会跳转到对应位置
3、Image与map的组合使用:
这是人家官方文档里面的例子,注意的是google chrome 和360 都不支持 只能用ie显示,我也不知道 我的ie的版本是多少。Wow!竟然是 11竟然是版本号 11.
这算是做成了老师没弄出来的东西。
4、滚动区域
同样的这个 属性在360里面被屏蔽了,不能显示,但是在ie里面是可以显示的。
滚动区域
这个属性老师讲解的还是 比较清楚。就不太多赘述了
直接复制一个靠谱的 示例就可以了
方向
啦啦啦,我从右向左移!
啦啦啦,我从左向右移!
方式
5、列表
有序列表,无序列表。列表项。
注意层级嵌套关系就是了,这里不做过多讲述,等到创建一个电子笔记本的时候可以详细练习一下。
- 水浒传
- 三国演义
- 西游记
- 红楼梦
- 捉妖记
- 港囧
- 夏洛特烦恼
- 等自己拍是
列表嵌套:
中国省份:
- 北京
- 海淀
- 朝阳
- 昌平
- 石家庄
- 张家口
- 保定
6、表格
利用它实在做过一些东西,这里面也不再过多赘述。
cellspacing 是指单元格之间的距离
celladding 是指单元格中的内容距离单元格边框的距离。
Body中 内容顶格显示:
采用topmargin的属性 并设置为0.

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,

This article demonstrates efficient PNG border addition to webpages using CSS. It argues that CSS offers superior performance compared to JavaScript or libraries, detailing how to adjust border width, style, and color for subtle or prominent effect

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.
