html5 01 随记
2018-06-24 01:41:11来源:未知 阅读 ()
一 HTML 是一种制作网站的标记语言
二、HTML基本语法
- HTML 标签
html标签是html中的最基本单位 也是最重要的部分
通常使用尖角号 开始”<”和结束”>”
标签分为两种(成对出现 和不成 对出现)
双标签:(成对)<标签名>内容</标签名>
例如:<body></body><html></html>
单标签:(不成对):<标签名/>或者<标签名>
例如:<meta/><br/>
标签是不区分大小写的<body>和<BODY>是一样的 推荐使用小写
html标签和属性都不区分大小写
2. HTML标签属性
Html属性有一般出现在HTML开始标签中 是html标签的一部分
标签中有属性包含着一些额外信息 属性值一定是要使用双引号””
标签中可以有多个属性
属性的组成: 属性名=”属性值”
语法格式:
单属性
<标签名 属性名=”属性值”></标签名>
<标签名 属性名=”属性值” />
多属性
<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”></标签名>
<标签名 属性名=”属性值” 属性名=”属性值” 属性名=”属性值”/>
3.HTML代码格式
任何的空格和回车在代码中不起任何作用
用于排版
4. HTML 中的颜色设置
a) 全是英文: red green yellow white blue black pink purple.....
b) 使用六位的十六进制的数
#000000 - #ffffff
请书写颜色值的时候带上#号
5. HTML注释 和 文档声明
注释的特点
A.注释不会显示在浏览器上
B.对代码的注解
C.注释有利于团队开发
D.注释是用于快速恢复记忆
E.注释不能嵌套
文档声明
<!DOCTYPE html >
6主题结构
7 实体(特殊字符)
< <
> >
空格
©?
¥ ¥
" ‘’
8. HEAD 头部分元素
Title --- 代表html文档的标题
Meta --- 代表用于定义文件信息的名称和内容
Link --- 当在文档中声明外部资源的时候使用此标签
Style--- 在文档中使用样式表的时候
Script --- 在文档中使用JavaScript的时候
Base 将相对地址转换为绝对地址
<!-- 将相对路径 转换为绝对路径 -->
<base href="http://www.baidu.com">
相对路径
./css.css
按照你当前位置的内容开始算
例如:我在101直播间
./ 当前位置
../ 上级目录
绝对路径
从头找到尾
例如:地球中国北京昌平回龙观育荣教育园区 oto直播间 101室
http://www.baidu.com
9. 格式标签
① <br/> 换行标签
② <hr/> 水平分割线标签
③ <p></p> 段落标签
④ <pre></pre> 按原格式显示标签
⑤ <li></li> 每个列表标签
⑥ <ul></ul> 无序列表
⑦ <ol></ol> 有序列表
10.文本标签
- <hn></hn> 标题字标签 n为1-6的数字 表示定义6级标题 而且会自动换行
- <i></i> 斜体字标签
- <u></u> 下划线标签
- <b></b> 字体加粗标签
- <sub></sub> 下标字体标签
- <sup></sup> 上标字体标签
- <em></em> 表示强调 通常为 斜体字
- <strong></strong> 表示强调 通常为粗体字
- <small></small> 小型字体标签
- <big></big> 大型字体标签
- <tt></tt> 打字机字体
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash