HTML基础学习(一)

1.html文件结构

2.html文件的元素

3.html属性

4.html样式

5.html链接

1.htm文件结构:

固定的文件结构:

<html>
       <head>...</head?
       <body>...</body>
</html>

html文件的标签:<>开始标签,</>结束标签

  • < html>:根标记,一个html文件只能有一个跟标记,用来告诉浏览器这是一个html的文档,< html>表示文件的开始,< /html>是文件的结束
  • < head>:标记,表示html文件的头部信息,用来封装其他位于文档头部的标记,一个html文件只能有一对head标记,且< head>中的内容一般是不显示的
  • < title>:用于定义HTML页面的标题,位于< head>之内,常见的形式:<title>网页名称</title>
  • < body>是网页的所有的内容信息都要在这里,并且< body>必须在< head>之后,< /html>之前

2.html文件的元素:

指的是标签内部的东西,一般用< p>与< /p>来表示一个段落

3.html属性:

属性提供了有关html元素更多的信息,属性总是以名字/值的成对出现,也就是name:"value"。属性需要再开始标签中规定。例如:

<a href ="https://www.shiyanlou.com">实验楼</a>

4.html样式:

通过style属性来设置HTML的样式,因为是要现实的,而head中的一般都没有显示,所以是要在body中的,例如:

//HTML样式-背景颜色
<html>
<body>
<p style="background_color:red">实验楼</p>
</body>
</html>

//HTML样式-字体、颜色和尺寸
<html>
<body>
<p style="front-famliy:arial;color:green:front-size:50px;">实验楼</p>
</body>
</html>

//HTML样式-文本对齐
<html>
<body>
<h1 style="test.align:center">实验楼</p>
</body>
</html>

5、HTML链接:

有两种使用< a>标签的方法来创建链接:

  • 通过使用href属性-创建指向另一个文档的链接
  • 使用name属性-创建文档内的书签
  • 当暂时没有链接的目标的时候将href属性值定位“#”,那么该链接目前就是一个空链接

实例:

  • 使用href:
    <a href="https://www.shiyanlou.com">实验楼</a>
  • 使用name:
  • 使用<a href="#id名”>链接文本< /a> 创建链接文本
  • 使用相应的id标注跳转的目标
    实例:
<html>
<body>
<p>
<a href="#winter">查看冬天。</a>
</p>

<h2>春</h2>
<p>万物复苏</p>

<h2>夏</h2>
<p>夏日</p>

<h2><a name="winter">冬</a></h2>
<p>白雪皑皑</p>

< a>标签的另一个属性:target属性:用来指定链接打开的方式,_self在当前的窗口打开,_blank则是新的窗口打开,默认的是_self
例如:

<a href="https://www.shiyanlou.com" target="_blnak">实验楼</a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值