html基础学习笔记

标题:<h1>-<h6>逐级递减
段落:<p>段落</p>
链接:<a href="https://www.baidu.com">链接</a>
图片:<img src="/images/logo.png" width="258" height="39" />
换行:<br>
主体:<body>主体</body>
定义:<html>定义整个文档</html>
水平线:<hr />
注释:<!--注释-->
文档标题:<tittle></tittle>
定义所有链接URL:<base>
包含所有头部标签:<head></head>
//在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面链接标签的默认链接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:<link rel="stylesheet" type="text/css" href="mystyle.css">

<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>

<meta>标签描述了一些基本的元数据。
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="免费 Web & 编程 教程">
定义网页作者:
<meta name="author" content="Runoob">
每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">

<script>标签用于加载脚本文件,如: JavaScript。


//空元素在标签中关闭,例如换行<br>。其他一般在结束标签关闭,例如段落</p>。
//文档开头是<!DOCTYPE html>声明文档是html文档

-------文本格式化:-------
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字
------计算机输出:-------
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本
------HTML引文、引用标签定义:-------
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

//如果在链接中将 target 属性设置为 "_blank", 链接将在新窗口打开。
//在其他标签内如<P><h2>等里面设置id属性,例如<h2><a id="c4">第三章</h2>,然后再链接中设置标签,例如<a href="#c4">查看第三章</a>。此时点击链接跳转上面id所在地址。
//img标签内,border表示图片外框架,alt表示图片不能显示时用什么文本代替。
//在href链接标签内,target属性表示在哪里打开被链接文档。


//每个表格从一个 table 标签开始。 每个表格行从 tr 标签开始。 每个表格的数据从 td 标签开始
<table border="1">
<tr>
  <td>100</td>
</tr>
</table>


//无序<ul>和有序<ol>列表   可以在标签中设置属性更改列表标签
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

//分组标签
<div>	定义了文档的区域,块级 (block-level)
<span>	用来组合文档中的行内元素, 内联元素(inline)

//布局标签
<div>	定义文档区块,块级(block-level)
<span>	定义 span,用来组合文档中的行内元素。

//输入框  <input type="text" name="firstname">
<form action="">
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
此处密码type设置所以输入时不显示password:<input type="password" name= "password">
</form>

//单选框<input type="radio">
<form action="">
<input type="radio" name="sex" value="male">男<br>
<input type="radio" name="sex" value="female">女
</form>

//复选框<input type="checkbox">
<form>
<input type="checkbox" name="vehicle" value="Bike">我喜欢自行车<br>
<input type="checkbox" name="vehicle" value="Car">我喜欢小汽车
</form>

//提交框<input type="submit">
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

//下拉框
<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

//生成文本框
<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

//生成按钮 <button></button>
<button type="button" onclick="alert('你好,世界!')">点我!</button>

//生成框架<iframe src="URL"></iframe>
<iframe src="http://csdn.com" width="200" height="200"></iframe>



//表单标签:
<form>	定义供用户输入的表单
<input>	定义输入域
<textarea>	定义文本域 (一个多行的输入控件)
<label>	定义了 <input> 元素的标签,一般为输入标题
<fieldset>	定义了一组相关的表单元素,并使用外框包含起来
<legend>	定义了 <fieldset> 元素的标题
<select>	定义了下拉选项列表
<optgroup>	定义选项组
<option>	定义下拉列表中的选项
<button>	定义一个点击按钮
<datalist>New	指定一个预先定义的输入控件选项列表
<keygen>New	定义了表单的密钥对生成器字段
<output>New	定义一个计算结果


//脚本<script></script>
//标签提供无法使用脚本时的替代内容<noscript></noscript>
<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>








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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值