实现技术 HTML+CSS+Js HTML------结构(骨骼) css-------表现(美化师) JavaScript-------行为 网页编码 字符集utf-8,支持所有的国家语言 bgk国标码,仅在中国用gbk就没问题HTML-----负责页面的结构 HTML俗称网页,网站。HTML就是一个文档 学习HTML主要学习HTML的标签 超文本标记语言 Hyper Text MarkuP Language(超文本标记语言) 标记语言的意思是:标签语言 HTML结构 从HTML页面的结构来总结HTML <!DOCTYPE HTML> //第一行是DTD(文档类型声明)告知浏览器当前HTML文件是什么版本的HTML <HTML lang="en">//HTML标签用英文表示,默认就是这个值,可不写 <head> <Meta charset="utf-8">//HTML文件使用的编码 <Title>document</Title> </head> <body> <!-- 网页真正的内容放body标签内部--> </body>头部 <head> HTML头部:写HTML文档的信息 <Meta name="description" content="世界上最大的电商平台">//HTML文档的作用说明 <Meta charset="utf-8">//htm字符集 <Meta name="keywords" content="电器 数码 衣服">//用户可以根据这些关键字搜索到该网页,作用很小 头部有哪些标签 <Title> 窗口的标题 <base> 为所有链接提供默认的地址和目标 <link> 指定CSS文件 <script> Js脚本,增加交互 <style> 样式表,给一个或一些元素增加样式 <Meta> 标签提供关于 HTML 文档的元数据,为了说明更多的HTML信息。 元数据不会显示在页面上,但是对于机器是可读的。 典型的情况是,Meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 <Meta> 标签始终位于 head 元素中。 元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。身体 <body> HTML主体 标签从使用的角度 分为容器级标签和文本级标签 <p> p是一个文本级标签,p里面只能放文字、图片、表单元素,不能放其他东西,。 容器级标签 里面啥都可以装 甚至可以装自己 <div> <div></div> </div> 文本级标签 放文字、图片、表单元素或其他文本级标签 <p><span></span></p> <img src="img/liutao.jpg" alt="替换文本,当图片加载失败后提示的文案" title="鼠标悬停说明"> src属性 表示图片位于什么位置 绝对路径-----带盘符的路径 相对路径: 从当前的网页文件出发 <a></a> <a href="http://www.baIDu.com">百度</a> href:跳转页面的绝对地址 相对路径 链接: 为什么: 访问到外部文件或者锚到内部文件的某个地方 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像 连接的目标可以是当前页面,也可以是新窗口,也可以是iframe 其他常用的属性 Title属性 鼠标悬停的时候提示文字 target属性 设置是否在新窗口中打开连接 超链接的应用 * 页面内的锚点 在某个位置设置锚点 <a name="demo"></a> 在需要跳转到锚点的位置上设置 <a href="#demo">跳转</a> * 跨页面的锚点 列表 无序 <ul> <li></li> </ul> 有序 <ol> <li></li> </ol> 自定义 <dl> <dt></dt> <dd></dd> </dl> 列表属性允许你改变列表项标志形状,或者将图像作为列表项标志。 列表形状 ul {List-style-type : square}//项目标志的形状修改 列表项图像 ul li {List-style-image : url(xxx.gif)}////项目标志设置为背景图 列表标志位置 List-style-position:insIDe//位置往里面挪一点 表单 <form> ...表单元素 </form> 选择字也能选中单元框,就要用到label 用for指向input的ID或者直接用label包含标签 windows快捷键 windows+d 返回桌面 windows+e 打开本地磁盘 F2 重命名 F5 刷新 注释 <!--注释--> <!-- ... --> 字符实体(转义字符) &字母; < < > > © 版权 空格 visual studio codeIDE 快速的生成HTML结构,需要用emmet,下载安装如下三个 https://blog.csdn.net/sunshinegirl_7/article/details/49802579 https://jingyan.baIDu.com/article/afd8f4de64d4cd34e286e9aa.HTML https://www.cnblogs.com/engeng/p/5957389.HTML总结
以上是内存溢出为你收集整理的1 HTML概念全部内容,希望文章能够帮你解决1 HTML概念所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)