网页开发-HTML
1.HTML语言
HTML: HyperText Markup Language 超文本标记语言
版本: HTML5
文件: .html
作用: 网页内容的开发
创始人:Tim Berners Lee ,后交给w3c组织
2.运行环境
浏览器: Edge/Chrome/Opera/Firefox/Safari
3.标记概念
HTML语言的最小组成单元, "<标记名>"组成
别称: 标记又被成为标签/元素
分类: 分为单标记与双标记(2个标记配对组成)
4.基本标记含义
官方手册: https://www.w3school.com.cn/
<!doctype html>
含义: doctype:document type 文档类型
声明文档类型是html，便于浏览器解析
结构:
<html>
<head>引用脚本/样式/提供元信息</head>
<body>网页内容</body>
</html>
<title></title> 表示网页标题
<meta charset=“utf-8”>
标记名为meta, charset属性:character set 字符集设置
声明代码的编码格式为UTF-8
5.标题标记
六级,分别是<h1></h1>、<h2></h2>、<h3></h4>、…<h6></h6>
6.段落标记
<p></p> p:passage
7.换行标记
<br/>
8.文本加粗
<b></b> b:bold 加粗
9.图片插入
路径: 分为绝对路径与相对路径
绝对路径 : 网址/计算机盘符开头的路径
例:http://contentcms-bj.cdn.bcebos.com/1.image
C:/user/a/i.png
相对路径:
图片和代码文件在一级目录中, 直接以名字作为路径
图片和代码文件不在一级目录中, …/表示上级, / 表示下级
标记:<img src=“”/>
src属性表示图片的地址
width属性, 表示宽度, 取值为"数值"+px
height属性, 表示高度, 取值为"数值"+px
10.锚点标记
<a href=“链接地址”>超链接</a>
href 取值是资源地址(路径) , 取值为#, 表示空链接
target属性, 取值为_self表示在当前页面打开资源
取值为_blank表示在新的窗口打开
11.有序列表标记
标记: <ol></ol> ol:order list 有序列表
结构:
<ol>
<li>第一项</li>
<li>第二项</li>...
</ol>
属性:
type属性, 表示序号格式, 取值: 1 a A i I
12.无序列表标记
标记: <ul></ul> ol:unorder list 无序列表
结构:
<ul>
<li>第一项</li>
<li>第二项</li>...
</ul>
属性:
type属性, 表示序号格式,
更多标记参考:官方手册: https://www.w3school.com.cn/
扫一扫
4216
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
