HTML的学习笔记

2018-12-09 11:18:39来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

一、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.空元素在开始标签中进行关闭(以开始标签的结束而结束)

 

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Bootstrap -- 按钮样式与使用

下一篇:示例React-router 路由切换动画的实现