HTML基础标签课堂笔记

1 HTML标签:

作用所有HTML中标签的一个根节点。 最大的标签   根标签

2 head标签: 文档的头部

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

注意在head标签中我们必须要设置的标签是title

3.title标签: 文档的标题

作用:让页面拥有一个属于自己的标题。

4.body标签:文档的主体  以后我们的页面内容 基本都是放到body里面的

body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

<h1>-<h6>  标题标签
<p> 段落标签
<hr /> 水平线标签
<br /> 换行标签
<div> 分割分区
<span> 跨度
 align=“center”居中 left right
 <font> 规定文本的字体、字体尺寸、字体颜色。 
 &nbsp;4个算一个空格
                                                      
文本格式标签
<b>  <strong>  粗体
<i>  <em>  斜体
<s>  <del>  删除线
<u>  <ins>  下划线


<img src="图像url" />  图像标签
<img />标记属性
alt     图像不能显示时的替换文本
title   鼠标悬停时显示的内容
width   设置图像的宽度
height  设置图像的高度
border  设置图像边框的宽度

<a>   链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。

锚点定位
1.使用“a href=”#id名>“链接文本"</a>创建链接文本(被点击的)
<a href="#two">  

2.使用相应的id名标注跳转目标的位置。
<h3 id="two">第2集</h3> 


base标签
base 写到  <head>  </head>  之间


把所有的链接 都默认添加 target="_blank"


表格
Border 表格边框
cellspacing 设置单元格与单元格边框之间间距
cellpadding 设置单元格内容与单元格边框之间的间距
width 设置表格宽度
height 设置表格的高度
align 设置表格在网页中的水平对齐方式
   表格结构
<table>
<tr>
<td></td>
</tr>

</table>

跨行合并:rowspan    跨列合并:colspan

input控件
 type  text       单行输入文本
       password   密码输入框
       radio      单选按钮
       checkbox   复选框
       button     普通按钮
       submit     提交按钮
       reset      重置按钮
       image      图像形式的提交按钮
       file       文件域
 name
 value
 size
 checked
 maxiength

  label标签
 <label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

 textarea控件
<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

  下拉菜单
<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

  表单域
<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值