web笔记 html部分

<标记 属性1=属性值 属性2=属性值 bgcolor="red">内容</标记>

缩进TAB

空格符回车不起作用,无论多少个都替换成一个空格符

实体字符 < gt <>    空格 © 版权字符 & 和号&

注释<!--   -->

 

 

html基础结构

<html>内容</html> HTML开始标记 位于网页最前端和最后

<head>内容</head>html头信息开始信息,用来包含文件的基本信息如title/meta/style,浏览器中部显示

 

<title>内容</title>标题标记,显示在浏览器窗口的左上 不能太长要短小精悍 不能包含其他标记

<body></body>主体部分 可以包含 p h1 br hr等标记 这些构成我们看到的网页内容

body常见属性bgcolor  text文本颜色 link链接颜色 vlink已经访问了的链接颜色 alink正在被点击的链接颜色

 

<meta>元信息,比如针对搜索引擎和更新频度的描述和关键词 必须属性content 值 some_text

定义name属性相关的元信息

name属性常见的 author  keywords description others

<meta name="keywords" content="jizheng" >

<meta charset="UTF-8">

meta标记必须放在head元素里面

 

<html> 与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

<h1> 与 </h1> 之间的文本被显示为标题

<p> 与 </p> 之间的文本被显示为段落

HTML 链接是通过 <a> 标签进行定义的 <a href="http://www.baidu.com">this is a link</a>

图片<img src="w3school.jpg" width="104" height="142" />

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签 元素内容 结束标签

<p> This is a paragraph </p>

<a href="default.htm" > This is a link </a>

<br />

 

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br/>,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

<h1> </h1>  1-6标题 1最大

注释:浏览器会自动地在标题的前后添加空行。

注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

实例

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

 

第三节课 html4

单标记<br/> 强制换行标记

<p> </p>换段落标记

<center>居中对齐标记

<pre>预格式化标记 比如多个空格保留

<li>列表项目标记

<ul>无序列表标记

<ol type="1">

  <li></li>

</ol>

<dl><dt><dd>定义型列表

<div>

 

html5 文本标记

1.hn 1-6大到小

2.font 设置字体三个常用属性<font size=""> <font color=""> <font face="微软雅黑">

3.b加粗《b》《/b》

4.i斜体字

6/7 sub sup 下标 上标

8 tt打印机字体标记

9.cite引用通常斜体

10.em表示强调通常显示为斜体字

11strong表示强调 通常加粗

12 small 小型字体

13big大型字体

14 u 下划线字体标记

 

html6 <img>图像标记  border边框的像素 alt作用1鼠标移动过去显示属性文字 2.失败显示文字 3.搜索引擎根据属性文字抓取图片

<img src=“路径/文件名.图片格式” width=‘’ height=“” border=“5px”  alt=风景图片>

 

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值