欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML的学习笔记

程序员文章站 2023-10-19 15:43:42
一、HTML基本构造 (告知浏览器其自身是一个HTML文档) (定义文档的头部) 这是网页的标题(定义文档的标题) (定义文档的主体) 这里是网页的内容

这里是一个文本段

......

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