Home Web Front-end HTML Tutorial 网页入门_html/css_WEB-ITnose

网页入门_html/css_WEB-ITnose

Jun 24, 2016 am 11:27 AM

今天就是一个网页的入门,说实话我不太想当前端工程师。因为 那些东西 不会按照我的想法来实现对应的效果。我只想做一个大概。我想做后端开发。如果能是服务器端就很happy。如果能有 android的部分 就很happy。

 

然后现在就只是单单来写一些对应属性就好:

1、基本属性:

 字体标签,在里面对应可以写一些字体样式,颜色,大小的属性


回车换行

斜体字效果

下划线效果

202可以用来显示20的平方这样一个效果

H2O   可以用来显示水分子这样一个效果

删除线,或者称之为贯穿线

段落具有自动换行的属性,我们添加了一个 向左对齐的方式。

本段落居中对齐

网页入门_html/css_WEB-ITnose

 

2、超级链接

超级链接这个标签采用  anchor 锚点的意思代表 这里是一个链接操作,href是其中的属性,代表我们将会取得地方,这对标签之间可以添加对应的内容。

(1)文本链接

(2)图片链接

(3)页内链接

(1)

标签之间的内容如果是文本的话就是 文本链接

hello 

相册

说说

日志

留言板

个人中心

系统设置

(2)

标签之间的内容如果是图片的话就是 图片链接

网页入门_html/css_WEB-ITnose

(3)

页内链接,单击此链接回到当前页的对应位置

如果只是个#号就回到页面最顶端回到当前页最顶端

如果href后面跟了#号并且#后面是某一个标签儿元素的name的值,那么就会跳转到对应位置

 

3、Image与map的组合使用:

网页入门_html/css_WEB-ITnose

 

 

 

 

这是人家官方文档里面的例子,注意的是google chrome 和360 都不支持 只能用ie显示,我也不知道 我的ie的版本是多少。Wow!竟然是 11竟然是版本号 11.

 

 

这算是做成了老师没弄出来的东西。

 

4、滚动区域

同样的这个 属性在360里面被屏蔽了,不能显示,但是在ie里面是可以显示的。

滚动区域

这个属性老师讲解的还是 比较清楚。就不太多赘述了

直接复制一个靠谱的 示例就可以了

 ... 

移动文字! 

方向  #=left, right

啦啦啦,我从右向左移! 


啦啦啦,我从左向右移! 

啦啦啦,我从右向左移!

啦啦啦,我从左向右移!

方式  #=scroll, slide, alternate

啦啦啦,我一圈一圈绕着走! 


啦啦啦,我只走一次就歇了! 


啦啦啦,我来回走耶! 

 

5、列表

有序列表,无序列表。列表项。

注意层级嵌套关系就是了,这里不做过多讲述,等到创建一个电子笔记本的时候可以详细练习一下。

         

  • 水浒传
  •  

  • 三国演义
  •  

  • 西游记
  •  

  • 红楼梦
  •   

  

         

  1. 捉妖记
  2.  

  3. 港囧
  4.  

  5. 夏洛特烦恼
  6.  

  7. 等自己拍是
  8.   

  列表嵌套:

  

  中国省份:

  

         

  • 北京
  •  

        

  1. 海淀
  2. 朝阳
  3. 昌平
  4.  

 

  • 河北

        

         

    • 石家庄
    •    

    • 张家口
    •    

    • 保定

     

  •  

  • 河南
  •   

     

     

    6、表格

    利用它实在做过一些东西,这里面也不再过多赘述。

    cellspacing 是指单元格之间的距离

    celladding 是指单元格中的内容距离单元格边框的距离。

     

    Body中 内容顶格显示:

     采用topmargin的属性 并设置为0.

    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

    Hot AI Tools

    Undresser.AI Undress

    Undresser.AI Undress

    AI-powered app for creating realistic nude photos

    AI Clothes Remover

    AI Clothes Remover

    Online AI tool for removing clothes from photos.

    Undress AI Tool

    Undress AI Tool

    Undress images for free

    Clothoff.io

    Clothoff.io

    AI clothes remover

    Video Face Swap

    Video Face Swap

    Swap faces in any video effortlessly with our completely free AI face swap tool!

    Hot Tools

    Notepad++7.3.1

    Notepad++7.3.1

    Easy-to-use and free code editor

    SublimeText3 Chinese version

    SublimeText3 Chinese version

    Chinese version, very easy to use

    Zend Studio 13.0.1

    Zend Studio 13.0.1

    Powerful PHP integrated development environment

    Dreamweaver CS6

    Dreamweaver CS6

    Visual web development tools

    SublimeText3 Mac version

    SublimeText3 Mac version

    God-level code editing software (SublimeText3)

    Is HTML easy to learn for beginners? Is HTML easy to learn for beginners? Apr 07, 2025 am 12:11 AM

    HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

    The Roles of HTML, CSS, and JavaScript: Core Responsibilities The Roles of HTML, CSS, and JavaScript: Core Responsibilities Apr 08, 2025 pm 07:05 PM

    HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

    What is an example of a starting tag in HTML? What is an example of a starting tag in HTML? Apr 06, 2025 am 12:04 AM

    AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

    Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

    WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

    Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors? Apr 04, 2025 pm 11:54 PM

    GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

    How to implement adaptive layout of Y-axis position in web annotation? How to implement adaptive layout of Y-axis position in web annotation? Apr 04, 2025 pm 11:30 PM

    The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

    HTML, CSS, and JavaScript: Essential Tools for Web Developers HTML, CSS, and JavaScript: Essential Tools for Web Developers Apr 09, 2025 am 12:12 AM

    HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

    How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? How to use CSS3 and JavaScript to achieve the effect of scattering and enlarging the surrounding pictures after clicking? Apr 05, 2025 am 06:15 AM

    To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

    See all articles