欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

体育生学编程--html学习_html/css_WEB-ITnose

程序员文章站 2022-06-12 14:39:12
...
HTML学习

1、HTML介绍(了解即可)

HTML (Hyper Text Markup Language):
HTML就是超文本标记语言的简写,是最基础的网页语言

HTML的版本:
2.0(IETF)、3.0(W3C)、4.01(W3C)、5.0(W3C)
IETF: Internet Engineering Task Force
W3C:World Wide Web Consortium

HTML的特点:
是通过标签来定义的语言,代码都是由标签所组成,代码不用区分大小写
由开始,结束
由头部分

和体部分两部分组成
头部分是给HTML页面增加一些辅助或者属性信息,它里面的内容会最先加载
体部分是真正存放页面数据的地方


HTML的标签:
多数标签都是有 开始标签结束标签。例如:

段落段落


其中有个别标签因为只有单一功能,或者没有要修饰的内容可以在 标签内结束。例如:换行
分割线
也可以写作

斜线可以不写

HTML标签中的属性:
想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性
通过对属性值的改变,增加了更多的效果选择
属性名与属性值之间用“=”连接
属性值可以用双引号、单引号、不用引号,一般都会用双引号(或公司规定书写规范)

2、头标签

<br> 页面的标题 <p class="sycode"> </p> <p class="sycode"> <base><br> 页面超链接的基本属性 <br> href:页面所有超链接默认从这个路径开始 <br> target:页面所有超链接默认的target </p> <p class="sycode"> <br></p> <p class="sycode"> <meta><br> 页面描述信息 <br><meta name="keywords" content="Java,.Net,Android,iOS"><strong>蜘蛛爬取时看,搜素引擎SEO有关</strong> <br> 告知浏览器此页面内容、类型、编码 <br><meta http-equiv="refresh" content="3;url=http://www.maomao.com">三秒后刷新到某个页面 </p> <p class="sycode"> </p> <h2>3、字体<font></font> </h2> <p class="sycode"> 字体标签<font>: <br><strong><font size="5" color="red"></font></strong>字体标签示例 <strong></strong></font> <br> 简单颜色可是直接写对应的英文 <br> 复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列 <br> 如:#FF0000表示红色、#00FF00表示绿色 </p> <p class="sycode"> <br></p> <p class="sycode"> 标题标签</p> <h1>、<h2> ... <h6>: <br> 标题是文本中常用的内容,为了方便操作而定义的 <br> 其实就是某个字号和粗体的组合 <br><h2>4、列表<dl> <dt></dt> <dd></dd> </dl> </h2> </h6> </h2> </h1> <p class="sycode"> 无标签: <br></p> <dl>列表、<dt>标题、</dt> <dd>列表项 <p class="sycode"> 数字标签: <br></p> <ol>列表、<li>列表项 <br> type属性更改项目符号(a A 1 i I) <br><p class="sycode"></p> <p class="sycode"> 符号标签: <br></p> <ul>列表、<li>列表项 <br> type属性更改项目符号(circle空心圆、disc实心圆、square正方形) <p class="sycode"> </p> <pre name="code" class="sycode"><span style="font-size:14px;"> <dl> <dt>公司部门</dt> <dd>软件研发部</dd> <dd>财务部</dd> <dd>行政部</dd> <dl> <ol type="i"> <li>软件研发部</li> <li>财务部</li> <li>行政部</li> </ol> <ul type="square"> <li>软件研发部</li> <li>财务部</li> <li>行政部</li> </ul> </dl> </dl></span></pre> </li> </ul> </li> </ol> </dd> </dl>