经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » CSS » 查看文章
HTML的学习笔记
来源:cnblogs  作者:北灬辰  时间:2018/12/7 9:11:42  对本文有异议

一、HTML基本构造

<html>(告知浏览器其自身是一个HTML文档)

  <head>(定义文档的头部)

    <title>这是网页的标题</title>(定义文档的标题)

  </head>

  <body>(定义文档的主体)

    这里是网页的内容

  <p>这里是一个文本段</p>

  </body>

</html>

二、什么是HTML?

HTML:超文本标记语言。(Hypertext、Markup、language)

.txt→.html 纯文本文体(静态)

   .htm 纯文本文体(静态)

        .asp

        .jsp

超文本:是指页面可以包含图片、链接、音乐等非文字元素。

<!--    -->(注释)

三、标签

<hn>标题标签共分为六级,通过<h1>-<h6>(大→小)等标签进行定义

 

<h1>This is a heading</h1>

 

<h2>This is a heading</h2>

 

<h3>This is a heading</h3>

 

<h4>This is a heading</h4>

 

<h5>This is a heading</h5>

<h6>This is a heading</h6>

 

<a>超链接

  属性:href="需要打开的地址"(必须有的属性)

  打开外网时,地址必须加上“http://”

  例:<a href="http://www.baidu.com">打开外网链接</a>

    <a href="page1.html">打开本地链接</a>

  属性:target=" " _self (默认在本页打开)

                          _blank (新建一个页面打开)

  例:<a href="page1.html" targe="_blank" >打开本地链接</a>

<b>加粗   

  例:<b>加粗</b>不加粗

<i>斜体   

  例:<i>斜体</i>不是斜体

<u>下划线  

  例: <u>下划线</u>不加下划线

<br> <p>两个标签都有换行的作用

  <br>元素没有结束标签,一般写成<br/>代表空元素,相当于word中的shift+enter功能

  <p>标签必须有结束标签,p元素的作用是标记一个段落  

<img>  图片   

  例:<img src="xxx.jpg" width=" ..px"  height="..px">

 

元素语法: 1.以开始标签起始。

 

      2.以结束标签终止。

 

      3.元素内容是开始标签和结束标签里面的内容

 

        4.某些HTML元素具有空内容(empty content)

 

        5.空元素在开始标签中进行关闭(以开始标签的结束而结束)

 

 

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号