HTML-笔记1

HTML的概述

html主要内容包括基础语法常用标签(重点是图片、超链接标签、表格、表单)。

Hyper Text Markup Language-超文本标记语言(就像骨架,需要css加以修饰+js加以操作) 

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

html网页文件-可以使用记事本、写字板、HBuilder、Sublime等编辑工具来编写,以.htm / .html为文件后缀名保存。

基础语法 

1.标签  < >

(1)单标签   -无属性的,如<br/>、<hr/>   :br——换行,hr——水平线

                       -有属性(如hr的宽度、长度),如<hr  width="800"  />

(2)双标签   -无属性的,如<title>_</title>

                       -有属性 (大部分),如<body  bgcolor="red">_</body>  <font size="7">_</font>

2.整体结构

包含3部分:标记头区<head>......</head>   里边放meta、title(起网页名称)、link(引入css文件)、                        script(引入js文件或编写js代码)等

                    内容区<body>......</body>    里边放想要的显示内容

                    网页区<html>......</html>

常用标签

 常用标签一

块级元素:会自动换行

行内元素:会自动换行

1.标题             块级元素

H1——H6,依次递减

 

 2.段落(p标签)         块级元素

<p>内容</p>

3.换行(单)   <br>或<br/>  例:hello<br>

                                                           world

4.水平线  <hr>

常用属性:color、size、width(百分比/px)、align对齐方式 

例:

<hr color="red" size="3" width="50%" align=left>

5.列表

(1)有序列表(type:数字/字母/....)

<ol><li></li></ol>

(2)无序列表(type:circle、disc、square)

<ul><li></li></ul>

6.div   层     块级元素

默认占全部宽度,有多少内容高度

多少。可设置width、height、align。

<div style="width:100px;height:100px">这是一个div</div>

7.span  块      行内元素

不能设置宽高。

8.格式化标签

—font:规定字体风格face、字体颜色color、字体尺寸size

 

—pre:预格式化,保留原本的格式(如空格,换行符)

&nbsp  空格符 

 

 

b 加粗  i 倾斜  u 下划线  del 中划线  sup上标  sub下标  del 删除线

 

 

 

常用标签二

 1.a标签(超链接(一张页面到另一张)用于链接到一个新的URL、做跳转(如回顶部))

href  需要跳转的地址

target  窗口打开方式(默认为_self 当前窗口)

 

<a href="https://www.baidu.com/" target="_blank">百度</a>

锚点

—a标签的name属性值  <a name="top"></a>

—其他标签的id属性值  <div id="top"></div>

锚点的使用 <a href="#top"></a>

 如下:

 2.图片 img(网页中嵌入一个图片)

alt:当图片破损或不存在时,显示文本的内容

src:需要引入的图片的地址

 

 

 

 alt的用法

 (src后的图片不存在)

 

 3.表格

-table 表格

        属性:width、border(边框)、align

 

-td  标准单元格

-th  表头(字体居中、加粗效果)

 

 

 

-tr  行

       属性:align(行对齐方式)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值