黑马程序员技术交流社区

标题: 学习笔记 [打印本页]

作者: 臾期 时间: 2018-7-19 17:01
标题: 学习笔记
HTML
html控制文本内容，css控制网页样式
IDE：集成开发环境
span标签 div标签成对的大部分标签是重复的
input标签单独出现的
html 超文本标记语言超文本指的是超链接
扩展名 html或者htm 标记指的是标签
body标签网页显示内容
head标签的主要作用：网页设置资源引用
标签里面可以添加属性
meta标签单标签

浏览器的渲染功能将html文件转换成界面
浏览器能够识别html文件中的标签

html5新增了很多标签

html文档规范
1.所有的标签必须小写
2.所有的属性必须加引号
3.标签应该闭合（<br />单独标签的规范写法:标签后面加、，成对标签应该成对出现）
4.img必须要加alt属性（对这个图片的描述）（很重要）
快速创建html文本文件  !加tap

html注释
<!- -  - ->
快捷前ctrl+/

标签的分类
块元素(行元素)
内联元素(行内元素)

html标题
<h1~h6> (块级标签)
文字大小和样式间距
自动换行
搜索引擎会根据标题将网页的结构和内容编制索引

段落标签
<p>
编辑时的样式和网页上显示的效果是不一样的
<br />强制换行

html字符实体
空格的字符实体&nbsp；                      alt+z切换自动换行vscode
显示<>
>表示一个>
<表示一个<

html块，含样式的标签
html块
div标签块元素表示一块内容，没有具体的语义
span标签行内元素，表示一行中的一小段内容，没有具体语义
div标签之前没有空行 p标签之前有空行
Span给一段中的一小段内容加样式

含样式和语义的标签
em标签行内元素，表示语气中的强调词
i标签行内元素原本没有语义，w3c添加了语义，表示专业词汇
em和i标签的语义是不同的
b标签行内元素原本没有语义，w3c添加了语义，表示文档中的关键字或者产品名
strong标签行内元素，表示非常重要的内容强调一段话用的
语义化的标签：
布局的时候使用语义化的标签，搜索引擎在爬网时能识别这些标签，理解文档的结构，方便网站的收录

a标签超链接标签行内元素
添加链接只要在href属性里添加就可以
# 返回到最上面或者是占位符
文件,链接,跳转位置
target属性一般_blank跳转的内容在另一个网页打开

img图片标签
src属性添加要展示的图片地址
Alt属性的作用:图片加载失败,显示提示信息
                     制作无障碍网页,方便盲人的读屏
                     搜索引擎会根据标题将网页的结构和内容编制索引

html图像，绝对路径和相对路径
html图像

html无序列表
ul 标签  无序
dl 标签定义列表

特殊的标签
删除标签:del
下划线标签:ins或者(u)

Html整体是由标签组成的,各个标签的功能很多都是重复的
标签整体分为:块级标签和行内标签
块级标签可以设置宽高值,独占一行
行内标签自动设置宽高值,一行内可以有多个
一般来说,块级元素可以包含行内元素,行内元素不能包含块级元素
p标签里不能嵌套div标签

标签语义化

作者: 摩西摩西OvO 时间: 2018-7-23 10:36

作者: 不二晨 时间: 2018-7-23 13:40
优秀，加油加油！

作者: 摩西摩西OvO 时间: 2018-7-25 17:05

作者: 吴琼老师 时间: 2018-7-26 15:20

作者: 摩西摩西OvO 时间: 2018-7-26 17:41

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2