Erlo

HTML的学习笔记

2018-12-06 23:02:16 发布   480 浏览  
页面报错/反馈
收藏 点赞

一、HTML基本构造

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

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

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

  </head>

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

    这里是网页的内容

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

  </body>

</html>

二、什么是HTML?

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

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

   .htm 纯文本文体(静态)

        .asp

        .jsp

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

<#gth#    -->(注释)

三、标签

<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="/links.html?l=MUdGTEZ4WVU3SEx2VFZVMUh2N2R2WUduT0VjMFBXNk5TTENWaFcrNWVaaz0%3D"(必须有的属性)

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

  例:<a href="/links.html?l=MnA1RTl1RnZEQlpKYzlVblgvWndJeTRzNEVwVmFmWkRTTENWaFcrNWVaaz0%3D">打开外网链接</a>

    <a href="/links.html?l=eS8wZVN5N1VoMVZBMmc0NmQ0YkF2a2l3bFlWdnVYbVo%3D">打开本地链接</a>

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

                          _blank (新建一个页面打开)

  例:<a href="/links.html?l=eS8wZVN5N1VoMVZBMmc0NmQ0YkF2a2l3bFlWdnVYbVo%3D" 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.空元素在开始标签中进行关闭(以开始标签的结束而结束)

 

 

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认